TEL:400-8793-956
当前位置:程序、服务器

如何使 div 填充可用高度

提问者: 近期获赞: 浏览人数: 发布时间:2021-06-29 14:32:02

 问:我已将 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。
上一篇: margin: 属性实际上并没有做任何事情来将标题移到顶部
下一篇: 我是否正确地将函数返回到变量中?