在div顶部显示的border-bottom

Question

我设置了一个边框底部，但它显示在顶部是因为我无法解决的问题。

我在这里设置了一个jsfiddle：

http://jsfiddle.net/nnEr9/

Answer 1

标题上的

overflow: hidden - 请参阅 http://jsfiddle.net/thebabydino/nnEr9/1/

问题是你已经浮动了标题的孩子们。因此，您的标题高度为零，如下所示

link to fullsize image

您使用overflow: hidden修正了它（overflow: auto也有效）。

Answer 2

您需要将overflow:auto添加到标头div。因为你浮动了其他div，你需要添加它来考虑浮动：

#header {
    margin-top: 50px;
    border-bottom: 2px solid #8B0000;
    overflow:auto;
}

<强> jsFiddle example