gpt4 book ai didi

html - 另一个 div 内的 div 未扩展到页面高度,仅扩展到屏幕高度

转载 作者:太空宇宙 更新时间:2023-11-04 16:07:17 24 4
gpt4 key购买 nike

我有一个容器 div,我 body 的高度是 100%

  #pageContainer{
width:800px;
margin:auto;
height:inherit;
}

在里面我有第二个 div 绝对定位

  <div style="position:absolute;opacity:.05;background-color:white;width:inherit;height:100%;"></div>

所以我的页面看起来像这样:

 <body>
<div id="pageContainer">
<div style="position:absolute;opacity:.05;background-color:white;width:inherit;height:100%;"></div>
<div>some content here</div>

</div>
</body>

所以问题是绝对定位的 div 的高度等于屏幕大小,而不是页面,换句话说,当页面比可见屏幕高时,当我向下滚动时 div 没有扩展到父级的全高div(页面容器)。我试过 top:0px;bottom:0px;同样,它不起作用。有人知道这里有什么诀窍吗?

最佳答案

Javascript:您可以通过 .height() 或 EqualHeight 使用 jQuery ,或

CSS:你会做这样的事情:CSS equal columns

关于html - 另一个 div 内的 div 未扩展到页面高度,仅扩展到屏幕高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8898119/

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