如何有边界的，包含其他两个div

问题描述：

我正在一个HTML页面，在这里我有一个包含一个头DIV上一个div两个子div的如何有边界的，包含其他两个div

我想有一个bottom-border对于标题div，但该边框始终保持最高。我希望边界处于最底层。

请参阅链接。

答

中的#header See the Demo

答

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

很好。这工作。我无法接受答案，但还得再等9分钟。但你能解释为什么需要溢出吗？ – josh 2010-10-18 04:31:26

因为，一旦浮动，两个'div'从文档的流程中移除，导致父'div'（'＃header'）为空。使用'overflow：hidden'强制＃＃头部环绕浮动元素。 – 2010-10-18 04:33:01

@Josh，这是否最终回答你的问题？ – 2010-10-18 17:34:32

答

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

刚看过@ vinothkumar的答案中的例子 - 这迫使div出现在左侧。我认为@大卫托马斯得到了正确的答案 - 我不能解释为什么'overflow：hidden'会导致这个问题。 – ClarkeyBoy 2010-10-18 06:20:07

答

你也可以用style="clear: both;"这是不漂亮添加导航格低于一个div添加float:left，但如果由于某种原因，你不能使用任何的其他两个建议它的工作原理。