最近看到三欄式布局，發現里面的margin-left: -100%;不太理解，這里記錄一下
margin-left: -100%;是什么意思呢？意思就是向左移動整個屏幕的距離
但是在三欄式寫法（其中一種）里面的盒子卻是可以移動到上圖的黑色區域的，這個原因是：
黑色區域和藍色區域都加了浮動，當再次使用margin-left的負百分比的時候盒子其實是相對上一個浮動的盒子
總結：可以用float和margin-left負百分比實現布局，單純的margin-left是不能做到的
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
jquery 設置css margin-left
CSS布局之負margin-left的使用
margin-left:auto;margin-right:auto; 不起作用的原因
小程序樣式不管用，解決方法button:not([size='mini']) { width: 184px; margin-left: auto; margin-right: auto; }
android中padding和margin的理解
理解CSS外邊距margin
CSS——對position定位和margin-top的理解
深入理解css中的margin屬性
深入理解BFC和外邊距合並(Margin Collapse)
printJS 打印 無頭無尾 style 加 @page { margin: 0; } body { padding: 100px;}