问题示例:http://jsfiddle.net/xZmFg/4/
当然有一种方法可以使描述立即跟随输入(下方,而不是右侧),而不是最终位于菜单下方......
我意识到使用'float'你会打破内容流,但是没有办法只应用于父容器内的空间吗?
答案 0 :(得分:14)
您可以使用overflow: hidden
包含您的说明和表单输入'父元素包含所有浮点数:
.content-box {
overflow: hidden;
}
这样,它们不会干扰侧边栏元素上的浮动。
答案 1 :(得分:1)
您可以围绕输入和段落浮动容器:
.content {
float: left;
}
然后将clear: left;
放在.description
上,因为它没有做任何事情(或将其保留)。