html - 为什么我的 CSS 中的零填充会创建“假”边距？

Question

我过去曾遇到过这种情况，但我通常能够围绕这个问题进行设计——通常是通过手动将第一个 P 或 H1 标签的上边距设置为零（这次没用）。

当我将填充/边距设置为 0PX 时，为什么会得到“错误”边距？如果我给 wrap div 甚至一个 PX 填充，它会自动纠正问题并且一切看起来都不错，如果我不这样做，我会在顶部得到一个空白，这根本没有任何意义。为什么更改填充会影响包含的 div 的边距？

到底是怎么回事？

score 4 · Accepted Answer

4

这称为保证金崩溃。一旦你知道这个名字，就有很多教程可以找到；）

于 2012-06-08T05:20:25.863 回答

score 0 · Accepted Answer

添加 aoverflow: hidden;会变魔术。

#wrap
{
    width:1024px;
    height:748px;
    background:#000;
    margin:0px;
    padding:0px;
    overflow: hidden;
}

2 回答 2