gpt4 book ai didi

javascript - 使 div 扩展以占用所有可用空间

转载 作者:可可西里 更新时间:2023-11-01 13:21:47 26 4
gpt4 key购买 nike

<分区>

我想要一个类似桌面的全页宽度布局。顶部的一些菜单(高度未知,取决于内容),和下方的 div 占据了视口(viewport)中的所有可用空间。

div {
padding: 0px
}

html,
body {
height: 100%;
padding: 0px;
margin: 0px;
}

.outer {
background: olive;
height: 100%;
}

.menu {
background: orange;
}

.should_fill_available_space {
background: brown;
}
<div class="outer">
<div class="menu">
Lorem Ipsum Lorem Ipsum Lorem Ipsum
</div>
<div id="this" class="should_fill_available_space">
Brown color should go all the way down
</div>
</div>

我有一个针对这种情况的代码笔: https://codepen.io/marek-zganiacz/pen/NvEaxr

我希望 should_fill_available_space 一直向下,就像 menuheight:10%should_fill_available_space< 的情况一样 有“高度:90%”。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com