盒子模型问题

Question

我只是在玩一个布局，我有一个问题。

我的header元素被推到容器的顶部

http://codepen.io/anon/pen/CslkH

我错过了一些东西，但我想不出是什么！

我甚至设置了一个页边距顶部，但它仍然推到容器的顶部？

请帮帮盖伊

Answer 1

您的.header有一个margin-top: 25px，由于边际崩溃，导致.container也向下移动。

在.container上使用padding-top而不是top-margin。

这是你的更新笔：http://codepen.io/anon/pen/pbvFI

Answer 2

将overflow:auto添加到您的#container目录：

#container {
    background-color: #93C;
    width: 1000px;
    height: 1000px;
    overflow:auto;
}

这是由浮点数引起的，设置overflow会恢复块格式化上下文。