在div顶部显示的边框底部

Question

我设置了一个边框底部，但由于我无法解决的原因，其显示在顶部。

我在这里设置了一个jsfiddle：

http://jsfiddle.net/nnEr9/

Answer 1

overflow: hidden在标题上-参见http://jsfiddle.net/thebabydino/nnEr9/1/

问题在于您已经浮动了标头的子级。 因此，标题的高度为零，如下所示

链接到全图

您可以通过以下方式修复它overflow: hidden （ overflow: auto也可以）。

Answer 2

您需要将overflow:auto添加到标题div中。 因为您浮动了其他div，所以需要将其添加到浮动中：

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

jsFiddle例子 。