如何有邊界的，包含其他兩個div

Question

我正在一個HTML頁面，在這裏我有一個包含一個頭DIV上一個div兩個子div的

鏈接：http://jsbin.com/iladi4/3

我想有一個bottom-border對於標題div，但該邊框始終保持最高。我希望邊界處於最底層。

請參閱鏈接。

Answer 1

中的#header See the Demo

Answer 2

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

Answer 3

發生這種情況是因爲內部div實際上並不是，而是 #header。通過浮動它們，您可以將它們從正常佈局中移除。浮動#header會解決這個問題，但可能需要其他調整來獲得你想要的。

Answer 4

你也可以用style="clear: both;"這是不漂亮添加導航格低於一個div添加float:left，但如果由於某種原因，你不能使用任何的其他兩個建議它的工作原理。