div{ width:600px; height:50px; position:fixed; top:0; margin:0 auto; }想做個在窗口頂端固定居中的頂欄，這樣寫發(fā)現(xiàn)居中不了。百度了一下，實現(xiàn)的方法是這樣：div{ width:600px; height:50px;?position:fixed;?margin:auto;?top:0; left:0; right:0; }求大牛解釋一下原理。。是因為margin:0 auto;的居中方式與position:fixed;沖突了嗎？top:0; left:0; right:0;這三個一起出現(xiàn)不是過分受限了嗎？為什么能實現(xiàn)水平居中的效果呢？
1 回答
已采納
黑色旋風(fēng)
TA貢獻20條經(jīng)驗 獲得超25個贊
你不設(shè)置left，right，它還在原來的位置啊，它是脫離了文檔流沒錯，它是相對瀏覽器定位的沒錯，但它跟原來的位置沒變啊
你設(shè)置了left:0; right:0;后，再配合margin: auto，這樣瀏覽器就知道它應(yīng)該放在哪個位置了，因為左邊要0，右邊也要是0，就只能居中了（純屬瞎扯淡）。
-
六小弦第一行里margin:0 auto; 為何不起作用呢。= = -
黑色旋風(fēng)“你不設(shè)置left，right，它還在原來的位置”
添加回答
舉報
0/150
提交
取消