Html 使用绝对定位或JavaScript设置具有相同高度的内联块，但不指定高度

我需要有两个相邻的内联块，我需要第二个div的高度与第一个div的高度相同，但是有一些东西我没有

不能为两个div指定高度

第二个div不能是绝对定位的

JavaScript不能用于设置第二个div的位置

现在，我正在使用绝对定位的第二个div，使它的高度与第一个div相同。有没有一种方法可以不用它，1号还是3号

#包装器{
边框：1px纯红；
宽度：50%；
位置：相对位置；
}
#内容1{
边框：1px纯蓝色；
显示：内联块；
宽度：40%；
}
#内容2{
边框：1px纯蓝色；
显示：内联块；
宽度：40%；
位置：绝对位置；
排名：0；
底部：0；

content1
content1
内容2

您可以使用flex box来实现这一点。设置

flex:0.4

的行为与

宽度：40%

相同

请注意，所有版本的Internet Explorer tho

#包装器{
边框：1px纯红；
宽度：50%；
位置：相对位置；
弯曲方向：行；
显示器：flex；
}
#内容1{
边框：1px纯蓝色；
显示：内联块；
弹性系数：0.4；
}
#内容2{
边框：1px纯蓝色；
显示：内联块；
弹性系数：0.4；
}

content1
content1
内容2

基本上，您有两个选项：flexbox和tables

Flexbox

弹性框提供了一种通过默认值拉伸弹性项的方法

其使用的值是使 项目的边距框与行的大小尽可能接近 可能的，但仍要遵守 最小高度/最小宽度/最大高度/最大宽度

#包装器{
边框：1px纯红；
宽度：50%；
显示器：flex；
}
#内容1#内容2{
边框：1px纯蓝色；
宽度：40%；
}

content1
content1
内容2

好的，Javascript可以用来设置高度吗？这些似乎是一个奇怪的限制组合。设置这些限制有什么技术原因吗？或者这只是为了好玩/做作业？内容div的显示必须是内联块吗？@Rhumborl好的，这与这个问题有关：超级。太棒了。太好了。我喜欢它。@Rhumborl-可能be如果你能解释更多为什么这样做很酷？这会帮助很多刚接触flex box的人