我这里有一个与CSS高度有关的问题。
我想要创建一个布局,一个包含两个div的父div在同一行中,其中一个可以调整大小,而另一个必须适应父div的高度(与第一个div相同的高度)。
第一个div可能会有附加信息(因此我无法固定其高度),所以它将有更多的行,重要的是它不能有滚动条。第二个div必须遵守第一个div的高度,如果它比第一个div大,则会出现滚动条。
参考图片如下: https://istack.dev59.com/33zXd.webp
我想要创建一个布局,一个包含两个div的父div在同一行中,其中一个可以调整大小,而另一个必须适应父div的高度(与第一个div相同的高度)。
第一个div可能会有附加信息(因此我无法固定其高度),所以它将有更多的行,重要的是它不能有滚动条。第二个div必须遵守第一个div的高度,如果它比第一个div大,则会出现滚动条。
参考图片如下: https://istack.dev59.com/33zXd.webp
<div class='container'> <!-- parent -->
<div class='left'> <!-- resizable -->
</div>
<div class='right'> <!-- same height as left div -->
</div>
</div>
问题是我无法弄清如何只使用CSS来实现它。甚至只是用CSS有可能吗? 我不想使用JS。
请有人帮帮我!