CSS邊框不環繞浮動項目

Question

我想創建一個兩列布局。左欄是導航菜單，右欄是內容。

問題是，包裝所有內容的邊框只包裝右列內容，而左列導航菜單在視覺上偏離div邊框。

的jsfiddle：http://jsfiddle.net/ekeWz/

是否有可能解決這個問題？

Answer 1

嘿，現在分給#wrapper指定overflow:hidden;在你的CSS像這樣

#wrapper { 
overflow:hidden;} 

Live demo

Answer 2

你可以得到你想要的結果通過給予overflow:hidden;到父格或#wrapper DIV

http://jsfiddle.net/ekeWz/6/

Answer 3

我想這是你想要什麼：

#wrapper { 
    width: 600px; 
    float: left; 
    border: 1px solid black;} 
#left_menu { 
    float: left; 
    border-right: 1px solid blue;} 
    width: 25%;} 

一旦你打破與留在left_menu浮動的div流，你必須調整父DIV與同浮流。