どのようにそれらのdivが重複していないことを確認できますか？

Question

私は黄色のdivにネストされた2つの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の高さを無視しているように見えることがありますので注意してください。その問題に取り組むには、最も簡単な方法は、3つ目のdivをクリアで追加することです：黄色のdiv内に両方とも