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