18910140161

html-如何将外部div的高度设置为始终等于特定的内部div?-堆栈溢出

顺晟科技

2022-10-19 13:40:36

129

我有一个包含三个内部div的外部div。

我希望最左边的内部div总是确定外部div的高度。如果其他内部div的内容比最左边的div少,则它们将有空空间。如果他们有更多的内容[比最左边的div],他们将得到一个滚动条。

SO上的一些其他问题询问将外部div的高度设置为内部div的高度。但是,在我的例子中,我有多个内部div,我不知道外部div的高度应该大于或小于最左边div的高度。

有什么方法可以做到这一点,特别是只使用CSS吗?


顺晟科技:

一个想法是使用绝对位置从流中生成一些内容,这样它就不会对高度产生任何影响,然后使用flexbox作为主布局:

以下是使用

的另一个技巧

与上面的想法相同,没有额外的包装器,并使用CSS网格:

不同方式。两个例子:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航