在子元素中找到了替代项，[并在DIV中留有边距您还可以添加：

.parent { overflow: auto; }

要么：

.parent { overflow: hidden; }

这样可以防止边距崩溃。边框和填充相同。因此，您还可以使用以下内容来防止利润暴跌：

.parent {
    padding-top: 1px;
    margin-top: -1px;
}

根据受欢迎的要求进行更新：页 边空白的全部要点是处理文本内容。例如：

<style type="text/css">
    h1, h2, p, ul {
        margin-top: 1em;
        margin-bottom: 1em;
    }
</style>

<h1>Title!</h1>
<div class="text">
    <h2>Title!</h2>
    <p>Paragraph</p>
</div>
<div class="text">
    <h2>Title!</h2>
    <p>Paragraph</p>
    <ul>
        <li>list item</li>
    </ul>
</div>

由于浏览器会折叠边距，因此文本将如您期望的那样显示，并且<div>包装标签不会影响边距。每个元素确保其周围有间距，但间距不会加倍。的边距<h2>，并<p>不会增加，但陷入对方（他们崩溃）。<p>和<ul>元素也会发生同样的情况。

可悲的是，对于现代设计，当您明确想要一个容器时，这个想法可能会咬你。在CSS语言中，这称为新块格式化上下文。该overflow或保证金招会给你的。