问:我已将 html 和正文高度设置为 100%。我有一个带有 4 个子 div 的 div,并希望每个 div 均等地填充可用空间的整个高度。在此示例中,每个将使用可用高度的 25%。我的第二个问题是否可以在 html 或 css 中设置 div,以便它仅根据可用空间平均划分高度而无需计算百分比并分配它们?
<div> <div>div1</div> <div>div2</div> <div>div3</div> <div>div4</div> </div>
答:有几种不同的方法可以使高度等于包含元素的可用高度的 100%。一种方法是使用绝对定位,并指定top、right、bottom、left 为0。另一种方法是将height 设置为100vh。
关于你的第二个问题,你可以用 flex-box 来做到这一点,或者你可以使用 javascript。