有没有办法限制范围CSS浮动和清除?

Hor*_*Kol 5 css css-float

问题示例:http://jsfiddle.net/xZmFg/4/

当然有一种方法可以使描述立即跟随输入(下面,而不是右边),而不是最终在菜单下面......

我意识到使用'float'你会打破内容流,但是没有办法只应用于父容器内的空间?

Bol*_*ock 14

你可以使用你的描述和表单输入'parent元素包含它们的所有浮点数overflow: hidden:

.content-box {
    overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)

这样,它们不会干扰侧边栏元素上的浮动.

jsFiddle预览

  • @HorusKol:找到它 - 将`overflow`设置为`visible`以外的东西给你的父元素自己的[块格式化上下文](http://www.w3.org/TR/CSS2/visuren.html#block-formatting ). (4认同)