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

时间:2011-04-20 03:16:05

标签: css-float css

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

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

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

2 个答案:

答案 0 :(得分:14)

您可以使用overflow: hidden包含您的说明和表单输入'父元素包含所有浮点数:

.content-box {
    overflow: hidden;
}

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

jsFiddle preview

答案 1 :(得分:1)

您可以围绕输入和段落浮动容器:

.content {
    float: left;
}

然后将clear: left;放在.description上,因为它没有做任何事情(或将其保留)。

http://jsfiddle.net/ambiguous/QdY44/