我正在尝试制作 2 个具有相同高度的 div:
http://image.prntscr.com/image/32ca3f340fba4e2dbd3c7d1e434f0938.png
<div class="parent">
<div class="small">
Lorem ipsum dolor sit amet, consectetur adipiscing elit
</div>
<div class="large">
Lorem ipsum dolor sit amet, consectetur adipiscing elit<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit<br>
</div>
</div>
例子
.parent {
background: red;
}
.small {
background: blue;
float: left;
width: 65%
}
.large {
background: green;
float: right;
width: 35%
}
.clear {
clear: both
}
<div class="parent">
<div class="small">
Lorem ipsum dolor sit amet, consectetur adipiscing elit
</div>
<div class="large">
Lorem ipsum dolor sit amet, consectetur adipiscing elit
<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit
<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit
<br>
</div>
<div class="clear">
</div>
</div>
我希望动态(大一)div 与静态(小一)div 具有相同的高度。动态 div 总是比静态 div 长。我必须用css(没有jquery)来做。我已经找到了几种如何使静态 div 与动态一样大的解决方案(例如 table 或 flex),但我找不到任何解决方案如何使动态与静态一样小。
CSS - 等高列?- 不是答案。这里的柱子都和最长的柱子一样大。
再一次:我需要使动态 div像静态一样小。动态 div 应该有滚动条。
另一个限制 -父级、静态和动态 div高度/宽度不应设置为 px 中的某个永久值。
请你帮助我好吗?