html - 找到正确的 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

给你

我把所有东西都包成一个section，给它一个固定的，width然后给前两个div一个width。100%

我还将您的内联样式转换为外部样式，因为内联在 HTML5 中已被贬值。

此外，您的width. 如果你添加box-sizing:border-box，那么一切都会如你所愿。