我如何确保这些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：这两个黄色格内