2014-11-23 106 views
-3

當我將保證金屬性放在其他人的頂部時,它不起作用?然後,當我把保證金放在底部時,它按照我的意願工作。爲什麼? 任何人都可以告訴我寫作屬性的順序嗎?如何訂購CSS屬性?

header { 
    margin-top:10px;  
    width:80%; 
    height:46px; 
    margin: auto;  
    background-color:#fff; 
    box-shadow: 0 2px 6px green;   
} 
+1

什麼做:

margin: auto; margin-top: 10px; 

同樣的,你可以在同一行(順時針從頂部)指定利潤率你的意思是「沒有工作」?如果將margin:auto;放在margin-top:10px上面,那麼top margin是10px,其他是auto;如果將它放在margin-top下面, – 2014-11-23 13:25:08

回答

0

在CSS設置的屬性的最後一個值纔是最重要的......在您發佈的代碼時,邊距:10px的將保證金將覆蓋:自動(上邊距將被設置爲自動)

如果移動邊距:auto作爲第一個元素,那麼您的頂部邊距將有10個像素。你也可以使用marging-top來強制一個值:10px!很重要,但是如果你使用它很難保證。

0

CSS解析器從上到下讀取文檔,以便稍後覆蓋屬性。這對於級聯樣式表是必不可少的,如解釋in the specification

margin設置所有四個邊距。您需要設置的最具體的事情在你的CSS文件的底部,即:

margin: 10px auto auto auto;