理解margin-left:-100%

最近看到三栏式布局,发现里面的margin-left: -100%;不太理解,这里记录一下布局

margin-left: -100%;是什么意思呢?意思就是向左移动整个屏幕的距离blog

 

可是在三栏式写法(其中一种)里面的盒子倒是能够移动到上图的黑色区域的,这个缘由是:bfc

黑色区域和蓝色区域都加了浮动,当再次使用margin-left的负百分比的时候盒子实际上是相对上一个浮动的盒子float

总结:能够用float和margin-left负百分比实现布局,单纯的margin-left是不能作到的im

相关文章
相关标签/搜索