我试图找到相关的解决方案,但我找不到一个。
首先我想展示一个 example
我使用的 CSS 是:
position:absolute;
height:100%;
width: 24.5%;
top: 0;
bottom: 0;
right: 0;
background-color: black;
我认为'bottom=0;'有问题。
如您所见,有 2 个 div:main 和 sub。这两个 div 彼此不同(如未嵌套)。
主要内容存在于“sub”div 中。由于内容很多,页面大小会增加(我们需要滚动才能看到全部内容)。现在我想要的是另一个 div 的高度应该根据整个页面的长度增加。
在我的实际代码中,有更多具有动态内容的 div,因此页面的长度不固定。
我想要的最终结果是黑色部分应该覆盖页面的整个右侧,从页面的顶部到页面的末尾。现在它仅在最初查看的页面的第一部分结束,不超出滚动范围。
谢谢。
最佳答案
尝试将位置设置为固定,它会为您工作...所以您的 css 看起来像...
position:fixed;
height:100%;
width: 24.5%;
top: 0;
bottom: 0;
right: 0;
background-color: black;
这是 DEMO
关于css - 根据页面的整个长度设置div高度(超出滚动),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18996607/