2013-08-01 16 views
1

我在想,边缘如何影响其他物体?关于边际影响

因为当我有例如

html, body{ 
    height: 100%; 
    width: 100%; 
} 
div{ 
    margin-top: 200px; 
} 

我在内心里有margin-top的div推<body>下来,等<html>边际影响不是<body>标签,这是第一个容器。

所以现在的问题是,如何利润率取决于

  1. 父标签
  2. 兄弟标签
  3. 浮动,绝对,相对或静态元素

我已经readed几个CSS教程,但我无法找到具体的答案

回答

1

大多数浏览器默认为添加一个余量元素。你有没有在你的造型做的一件事就是这个重置为0:

html, body{ 
    height: 100%; 
    width: 100%; 
    margin: 0; 
} 

为什么出现这种情况是已经在这里问很多次的问题。参见:What is the point of CSS collapsing margins?Why does this CSS margin-top style not work?

+0

我注意到,但身体边距只有约20px,(我设置了180px更多),当我有包装div而不是body时,情况也是如此。 无论如何,崩溃的利润率是正确的答案,谢谢。 –