2014-11-23 68 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;