css - 一个 div 相对于另一个 div 的动态高度增加

Question

我有两个 div。这两个 div 被定位为彼此相邻的两个垂直列。我不想通过 css 预先确定 div 的高度，而是希望它随着我放入其中的内容动态增长。这对于一个 div 来说足够简单，但我的问题是我希望左侧背景颜色为绿色的 div 增长到与右侧 div 相同的高度。右边的内容总是比左边的多。

Answer 1

假设元素在 body 之后。 100%给body，还有所有的div

body, #div1, #div2 { height: 100%; }

如果它们不是，那么您必须修复父级的高度或再次将 100% 高度一直链接到 body。

#parent { height: 800px; }
#div1,#div2 { height: 100%; }