如何正确清理浮子

Question

Css noob需要一些建议。

我有一个表单，有时并排有2个div（输入/标签在/ validators中）。此后的任何进一步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将出现在它旁边，但在这种情况下，您将浮动向左清除（这是第一类），因此示例1出现在浮动对象下方。