Css 向下滚动页面时div未更新其100%高度?

Css 向下滚动页面时div未更新其100%高度?,css,position,height,Css,Position,Height,我有一个div设置为高度:100%和positioned usedposition:absolute一切正常,但当div的内容使其离开页面并强制滚动时,div不会更新其高度 我做了一个jsfiddle来显示问题尝试使用最小高度:100%而不是高度:100%尝试使用最小高度:100%而不是高度:100%将height属性设置为auto或尝试使用minheight:auto,它应该可以工作。 注意:但对于min height属性,我不确定其兼容性 此外,我认为IE中的min height存在问题,

我有一个div设置为高度:100%和positioned used
position:absolute
一切正常,但当div的内容使其离开页面并强制滚动时,div不会更新其高度


我做了一个jsfiddle来显示问题

尝试使用最小高度:100%而不是高度:100%

尝试使用最小高度:100%而不是高度:100%

height
属性设置为
auto
或尝试使用
minheight:auto
,它应该可以工作。

注意:但对于
min height
属性,我不确定其兼容性


此外,我认为
IE
中的
min height
存在问题,尤其是
ie9

编辑:

.slide-out {
   position:absolute; 
   top:0; 
   left:155px; 
   width:375px; 
}

.slide-cont {
   background:#000;
   margin:20px;
   height: auto;
}

height
属性设置为
auto
或尝试使用
minheight:auto
,它应该可以工作。

注意:但对于
min height
属性,我不确定其兼容性


此外,我认为
IE
中的
min height
存在问题,尤其是
ie9

编辑:

.slide-out {
   position:absolute; 
   top:0; 
   left:155px; 
   width:375px; 
}

.slide-cont {
   background:#000;
   margin:20px;
   height: auto;
}

.滑出{位置:绝对;顶部:0;左侧:155px;宽度:375px;}
.slide cont{背景:000;边距:20px;高度:auto;}

.slide out{位置:绝对;顶部:0;左侧:155px;宽度:375px;}
.slide cont{background:#000;边距:20px;高度:auto;}

带高度:auto;你失去了所有的背景,最小高度:100%不改变它与高度:自动;全部丢失背景,最小高度:100%不会更改。滑出{position:absolute;top:0;left:155px;width:375px;}。滑出{position:absolute;top:0;left:155px;width:375px;}。滑出{position position:absolute;top:0;left:155px;width:375px;}。滑出{position:absolute:{背景:#000;边距:20px;高度:自动;}