使用float屬性對齊DIV

Question

如何將div對齊如下（divs下面的示例內容）...我爲div1和div2設置了浮動值，然後將div3浮動到右上角，我如何防止這種情況？

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

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

Answer 1

您需要設置一個明確的修復方法放置在浮動的div後面。這就是我所做的。

產生這個類在樣式表：

.clear {clear:both} 

後你的兩個浮動的div，右側前<div3>包括這個網站：

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

這應該保持浮動div的下方的第3格。