如何确保这些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的高度。要解决这个问题，最简单的方法是添加第三个带有clear的div：都在黄色div中