文章/答案/技术大牛

发布

社区首页 >问答首页 >集装箱断面动态高度。在容器内填充div的高度

问集装箱断面动态高度。在容器内填充div的高度
EN

Stack Overflow用户

提问于 2022-04-14 03:52:54

回答 1查看 27关注 0票数 0

我有一个容器，它有一个或三个部分。在每个节中，我都有表，表中有行列表。我想让所有的高度部分动态，这样它就占据了整个空间。如果该部分中的表记录比我需要添加滚动到表中的记录多，则将滚动记录添加到表中。但在任何时候，整个高度都应该填充在容器内。我怎么能有最小和最高高度为所有的部分。

如果有两个部分而不是3个部分，则设计场景:红色是容器，蓝色是包含表的部分。

结构

Container
      section1
        table
      section 2
        table
      section 3
        table

发布于 2022-04-15 02:12:09

height: auto;

如果有足够的内容来填充所需的空间，则会填充容器。如果您还在寻找内容之间的一致空间: Flexbox具有名为gap的属性，它允许您定义区段之间的空间：

display: flex;
flex-direction: column;
gap: 10px /* an example number, can be anything you want */;

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71866324

复制

相似问题

问集装箱断面动态高度。在容器内填充div的高度EN