关于保证金的影响

时间:2013-08-01 10:03:25

标签: html css margin

我在考虑边缘如何影响其他物体?

因为当我有这样的时候。

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

并且我在内部使用margin-top div来推送<body>,因此保证金对<html>的影响不会影响<body>代码,这是第一个容器。

所以问题是,保证金取决于

  1. 父标记
  2. 兄弟姐妹标签
  3. 浮动,绝对,相对或静态元素
  4. 我已经开了几个css教程,但我找不到具体的答案

1 个答案:

答案 0 :(得分:1)

默认情况下,大多数浏览器都会为<body>元素添加边距。你没有在造型中做过的一件事就是把它重置为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?