关于左侧盒子和右侧盒子上移的问题
来源：3-2 圣杯布局案例
慕虎0507412
2019-02-05 22:30:38
所以只要左侧盒子的宽度设置为margin-left=100%,这个100%是父元素的宽度还是中间盒子的宽度？代码里左侧盒子的父级元素不是css为container的div盒子吗？并没有设置宽度100%呀？还有右侧盒子上移设置margin-left:-220px,这个220px是右侧盒子的宽度吗？
写回答
1回答
-
你好同学 , 解答如下:
1.margin-left=100%参照的是父元素宽度的100% , 也就是container盒子的宽度 , (width就是一个盒子盛放内容content区域的宽度) . 因为container设置左右的填充 , 所以左侧盒子往左移动100%就会到达父元素内容的最左边 , 不包含padding部分 . 如下
2.container是一个块级元素 , 自占一行 ,也就是默认的实际宽度是相对浏览器100%显示的 .
3.右侧盒子的margin-left:-220px是它的宽度 , 因为本身几个盒子设置浮动后 ,要在一行显示的 ,但是由于中间的盒子宽度很大把它们都挤下去了 ,所以右侧盒子要往左移动自己宽度 ,让它先重叠在中间盒子上面 ,然后再使用定位 ,移动父元素container右边padding的距离就能让它在最右侧显示了 .
祝学习愉快 ,望采纳 .
0
相似问题