css - 如何正确清除 float

Question

CSS 新手需要一些建议。

我有一个表单，有时有 2 个并排的 div(内部有输入/标签/验证器)。在此之后的任何其他 div 都无法正确格式化，即使使用 clearfix 也是如此。

[div] [div]
--> clear div goes here
[   div   ]

我已经用另一个带有 css {clear:both;} 的 Div 修复了它，但这是多余的。更重要的是，我发现 IE 需要在清晰的 div 上有一个高度，以兑现较低 div 上的任何边距。

有没有更好的方法来处理这个问题？

Answer 1

在不查看代码的情况下很难准确了解您遇到的问题，但希望这对您有所帮助。

<div class="one" style="float: left;"> This div is floated left </div>

<div class="example1" style="clear: left;">this is text in example 1</div> <!-- notice clear left means this dive will appear after the float, no matter how much stuff is in the float -->

如果第一个类向左浮动，那么示例 1 将出现在它旁边，但在这种情况下，您清除了左侧的 float (这是第一个类)，因此示例 1 出现在您的 float 对象下方。