gpt4 book ai didi

html - 让
元素填充另一个
元素

转载 作者:行者123 更新时间:2023-11-28 10:47:52 25 4
gpt4 key购买 nike

<分区>

我面临以下问题:我试图让一个 div 元素适合另一个 div 元素中的剩余空间。为了您的方便,我附上了 jsfiddle。

参见:http://jsfiddle.net/P2898/

在此示例中,您可以看到红色方 block 位于黑色方 block 之外(因为我使用了高度:100% 并为红色方 block 提供了偏移量)。

我如何确保红色方 block 正好填充黑色方 block ,但不会超出它之外?

ps:黄色方 block 不能改变(所以需要50px,没有百分比)。

CSS文件:

#boundaries
{
position: absolute;
background: black;
height: 90%;
width: 95%;
}

#top
{
position: relative;
height: 50px;
width: 90%;
margin: 20px;
background: yellow;
}

#bot
{
position: relative;
margin: 20px;
height: 100%;
width: 90%;
background: red;
}

html 代码:

<div id="boundaries">
<div id="top">
top
</div>

<div id="bot">
bot
</div>
</div>

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