CSS子清除父浮动

ahr*_*ren 11 html css css-float

我有一个双列布局,左边是侧边栏,右边是内容.

所以我将侧边栏向左浮动,并将右边的内容放在边缘.一切都很好,很好......

直到内容的子元素应用了清晰,它才会跳到侧边栏下方.

有没有办法让子元素只在其父容器中浮动和清除?

由于图片价值1000字,这里是一个JSFiddle:

http://jsfiddle.net/qRYYm/1/

Bil*_*oat 28

如果添加overflow:auto;.content那要看你的权利.

  • 问题是当包含浮动元素时,包含DIV不会伸展到最高元素的高度.添加溢出:自动(或隐藏或滚动)将导致它扩展.更多信息:http://www.quirksmode.org/css/clearing.html (3认同)