найти правильное выравнивание div

Question

Я пытаюсь сделать макет с двумя верхними div и одним под ними. Смотрите здесь:

<div style="width: 49%; float: left; border: 1px solid"> 
    <label>blabla</label> 
</div> 
<div style="width: 49%; float: left; border: 1px solid"> 
    <label>blabla</label> 
    <br/> 
    <label>blabla</label> 
</div> 
<div style="width: 100%; float: left; border: 1px solid"> 
    <label>blabla</label> 
    <label>blabla</label> 
</div> 

http://jsfiddle.net/DAYaM/

Проблема Я хотел бы верхний левый DIV (или правый), чтобы изменить размер в той же размерности, что и другой, даже если число элементов различны. Так что в основном масштабировать до самого большого. Какие-либо предложения?

С уважением, Богдан

Answer 1

Here вы идете

Я обернул все в section, дал ему фиксированную width, и дал первые два divwidth из 100%.

Я также преобразовал ваш встроенный стиль в внешний, потому что inline обесценивается в HTML5.

Кроме того, нет необходимости использовать 49% для вашего width. Если вы добавите box-sizing:border-box, тогда все будет походить так, как вы этого хотите.