如何在包含两个其他div的div中使用border

Question

我正在开发一个html页面，其中我有一个包含两个子div的标题div

link：http://jsbin.com/iladi4/3

我希望标题div有bottom-border，但该边框始终保持最佳状态。我希望边界位于底部。

请参阅链接。

Answer 1

将overflow: hidden添加到#header。演示时间：JS Bin。

Answer 2

这种情况正在发生，因为内部div实际上并不是 #header。通过浮动它们，您已将它们从正常布局中移除。浮动#header会解决这个问题，但可能需要进行其他调整才能得到你想要的东西。

Answer 3

在#header See the Demo

中添加float:left

Answer 4

您还可以使用style="clear: both;"在导航div下方添加div，这不是很漂亮，但如果出于某种原因您不能使用其他两个建议中的任何一个，它都可以使用。