Как я могу убедиться, что эти div не перекрываются?

Question

У меня есть два divs, вложенных в желтый 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