理解margin-left：-100%

最近看到三欄式佈局，發現裏面的margin-left: -100%;不太理解，這裏記錄一下

margin-left: -100%;是什麼意思呢？意思就是向左移動整個屏幕的距離

 

可是在三欄式寫法（其中一種）裏面的盒子倒是能夠移動到上圖的黑色區域的，這個緣由是：

黑色區域和藍色區域都加了浮動，當再次使用margin-left的負百分比的時候盒子實際上是相對上一個浮動的盒子

總結：能夠用float和margin-left負百分比實現佈局，單純的margin-left是不能作到的