我如何確保這些div不重疊？

Question

我有這兩個div嵌入到黃色的div，正如你可以看到綠色的是在紅色的下面。我希望綠色的坐在紅色的右邊。我怎樣才能做到這一點？非常感謝

的屏幕截圖是： http://i.stack.imgur.com/7cbCI.png

這裏是我的代碼：

.reddiv { 
height: 100px; 
width: 150px; 
background: red; 
float:left; 
margin:5px; 
} 

.greendiv { 
height: 70px; 
width: 300px; 
background: green; 
} 

Answer 1

添加浮動：左到紅色和綠色的div，你應該設置。

儘管如果您需要在黃色div下面有其他內容，您的內容可能會忽略黃色div的高度。要解決這個問題，最簡單的方法是添加一個明確的第三個div：這兩個黃色格內