gpt4 book ai didi

css 高度标准模式

转载 作者:行者123 更新时间:2023-11-28 14:51:05 25 4
gpt4 key购买 nike

你好,很高兴认识你。想请教以下问题。

<body>    <div style="border:1px solid #ff0000">        <pre>dfssdgfdsgsd sdgsdg        sgdsdsgsdg</pre>    </div>    <div style="border:1px solid #ff0" id="secondDiv">        ggg    </div></body>

是否可以让#secondDiv 占据剩余垂直空间的 100%(高度)?我不想使用最小高度(在 ie 中不起作用)或 javascript。
完整的 html http://paste2.org/p/1177197
谢谢。
ps:我知道有很多相关的问题,所以如果重复的话我很抱歉。

最佳答案

如果您可以为顶部的 div 使用固定高度,那么通过使用绝对定位就可以轻松解决第二个 div 的问题。

CSS

html,body{
margin:0;
padding:0;
width:100%;
height:100%;
}
#head{
border:1px solid #ff0000;
height:50px;
}
#content{
position:absolute;
top:50px;
bottom:0;
width:100%;

border:1px solid #ff0;
}

HTML

<body>
<div id="head">
<pre>dfssdgfdsgsd sdgsdg
sgdsdsgsdg</pre>
</div>
<div id="content">
ggg
</div>
</body>

演示:http://www.jsfiddle.net/RVTpT/

关于css 高度标准模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4596531/

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