使用 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。