Html 如何在包含两个其他div的div中设置边框

我正在处理一个html页面，其中有一个包含两个子div的header div

链接：

我想为header div设置一个

底部边框

，但该边框始终位于顶部。我希望边界在底部

---

请查看链接

将

溢出：隐藏
添加到
#标题
。演示：。
发生这种情况是因为内部div实际上不在#头中。通过浮动它们，您已将它们从正常布局中删除。浮动#header可以解决这个问题，但可能需要其他调整才能得到您想要的。
在#header中添加
float:left
您也可以在导航div下面添加一个div，使用
style=“clear:both；”
这并不漂亮，但如果出于某种原因您不能使用其他两个建议中的任何一个，它都会起作用
 太好了。这很有效。我还不能接受答案…还要再等9分钟。但是你能解释为什么需要溢出吗？因为一旦浮动，两个
div
就会从文档流中删除，从而导致父
div
（
#header
）为空。使用
overflow:hidden
强制
#header
环绕浮动元素。@Josh，这最终回答了您的问题吗？刚才看了一下@vinothkumar答案中的示例-这强制div显示在左侧。我认为@David Thomas得到了正确的答案-我无法解释为什么溢出：隐藏会导致这种情况。