如何让div和嵌套div在身体上滚动延伸到屏幕的整个高度?
链接到小提琴:https://jsfiddle.net/qsczjd01/
CSS:
#megaAll{
box-sizing: border-box;
position: absolute;
background-color: gray;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
我需要#megaAll(灰色),#memeMain(粉红色)和#contentContainer一直向下扩展,但由于在主体上滚动,它似乎无法扩展到完整高度。我需要在身体上滚动并在右边固定侧边栏以保留。
答案 0 :(得分:0)
将它们向下延伸只是高度:自动;不需要提及,因为它是默认的。无论身体的高度如何,它都会自动调整整个页面。 “保留右侧的侧栏”意味着固定,如果我帮你正确的话,这将有效。
职位:固定;
答案 1 :(得分:0)
使用
position: fixed;
代替。这将把元素固定在窗口中,而不是固定在body元素中。
答案 2 :(得分:0)
想出来!我将div更改为使用position:absolute,然后是0px,使用静态定位,边距为0px。
新示例div:
#megaAll{
box-sizing: border-box;
background-color: gray;
margin: 0 auto;
}