html - 使用 float 属性对齐 DIV

Question

我将如何对齐 div，如下所示(div 下方的示例内容)...我将 div1 和 div2 的 float 都设置为左侧，但随后 div3 float 到右上角，我该如何防止这种情况发生？

<div1>                <div2>
What is the temp.?    ____________________
Is it raining?        ____________________

<!-- Contains main content -->
<div3>

Answer 1

您需要在 float div 之后设置一个清晰的固定位置。这就是我所做的。

在你的样式表中创建这个类:

.clear {clear:both}

在你的两个 float div 之后，就在 <div3> 之前包括这个 html:

<div class="clear"></div>

这应该使您的第 3 个 div 低于 float div。