html - 使用 float 属性对齐 DIV

Question

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

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

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

Answer 1

您需要在浮动 div 之后设置明确的修复。这就是我所做的。

在您的样式表中创建此类：

.clear {clear:both}

在你的两个浮动 div 之后，就在<div3>包含这个 html 之前：

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

这应该使您的第三个 div 低于浮动 div。