html - 显示在 div 顶部的border-bottom

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 示例。