css - CSS 边框不环绕浮动项目

Question

我正在尝试创建一个两列布局。左栏是导航菜单，右栏是内容。

问题是，包裹所有内容的边框仅包裹右栏内容，而左栏导航菜单在视觉上超出了 div 边框。

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

有可能解决这个问题吗？

Answer 1

嘿，现在像这样给你的css中的#wrapper overflow:hidden;

#wrapper {
overflow:hidden;}

现场演示

Answer 2

你可以通过给overflow:hidden;你的父 div 或#wrapperdiv来得到你想要的结果

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的流动。