使用float属性对齐DIV

Question

我如何对齐如下所示的div（div中的示例内容）...我为div1和div2设置float向左，但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>

这应该让你的第3个div低于浮动的div。