1. 程式人生 > >margin:0 auto什麼時候會失效

margin:0 auto什麼時候會失效

對於普通的盒子,margin auto是不會失效的。 在這裡插入圖片描述 在這裡插入圖片描述 對於浮動的盒子,margin auto會失效。 在這裡插入圖片描述 在這裡插入圖片描述 對於沒有邊偏移的相對定位的盒子,margin auto是有效的。 在這裡插入圖片描述 在這裡插入圖片描述 對於有上下邊偏移的相對定位的盒子,margin auto是有效的。

在這裡插入圖片描述 在這裡插入圖片描述 對於有左右邊偏移的相對定位的盒子,margin auto也是有效的,只是在居中的基礎上會偏差一個left或right值。當left或right為0時,水平居中。 在這裡插入圖片描述 在這裡插入圖片描述 對於絕對定位(無論有沒有邊偏移)的盒子,margin auto失效。 在這裡插入圖片描述 在這裡插入圖片描述

在這裡插入圖片描述 在這裡插入圖片描述 解決辦法是: left:50%;margin-left:負的盒子寬度的一半;