如何让子div匹配滚动父级的高度?

时间:2016-02-08 17:59:01

标签: html css scroll formatting overflow

如何让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一直向下扩展,但由于在主体上滚动,它似乎无法扩展到完整高度。我需要在身体上滚动并在右边固定侧边栏以保留。

3 个答案:

答案 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;
}

此处有更多信息:https://stackoverflow.com/a/11068062/5879337