CSS3-css 控制两个子div高度一样

Question

<div>
<div class='one'></div>
<div class='two'></div>
</div>
都没确定高度，外层div高度也是随内层的变化而变化。
怎么用CSS控制div one 和 div two高度一致（两个div内容高度不一致时）。
用js是可以，不知道单单css有没有好方法？

Answer 1

<div class='main'>
<div class='one'></div>
<div class='two'></div>
</div>

主要css代码：
.main{overflow-y:hidden;}
.one{float:left; margin-bottom:-10000px; padding-bottom:10000px;}
.two{float:left; margin-bottom:-10000px; padding-bottom:10000px;}

只要不超过这个padding值就行，可以视情况设置大小。

Answer 2

两个子div是怎样布局的？多栏的话可以用display: table-cell;

效果见jsFiddle。

Answer 3

两个div都设置固定高度。

然后 设置 overflow-y:hidden; 那么超过div高度的部分影藏；
或者是 overflow-y: scroll; 那么div中的内容超过设置的高度时出现滚动条；