3

好吧，

我将尝试解释我正在发生的事情。如果您需要更多信息，请与我们联系。

基本上，我有一个 div 容器，我将它的样式设置为height:100%;它会 100%，但对于当前的浏览器/窗口大小，它只会是 100%。

例如：如果我最大化浏览器，容器将执行 100%，但如果我向下滚动，该容器的高度只会与浏览器高度一样多。

另一个例子：如果我将浏览器最小化到某个大小并刷新页面，容器将再次 100% 变为仅窗口大小。因此，如果我最大化浏览器，高度容器仍将与浏览器最小化时的高度相同。

因此，如果我有一个长页面，容器不会一直到页面，容器只会在页面加载时达到窗口的高度大小。

我试图让容器一直 100% 移动到页面底部，即使我有页脚或页眉，容器也应该 100% 介于两者之间。

所以我会尝试发布最相关的代码：

body,html
{
   display:block;
   position:relative;
}
#container_100percent
{
   overflow-x:hidden;
   position:relative;
   overflow-y:auto;
   width:20%;
   min-height:100%;
   height:100%;
   float:right;
}


<div>
  <div id="container_100percent">
     <!-- some stuff !-->
  </div>
</div>
4

2 回答 2

1

100%的身高是他父母的身高。

这意味着：如果父 div-container 没有高度，高度也将设置为 100%，body 也是如此。这就是为什么您的 div 具有窗口高度的原因。

所以你需要给你的 div 包装器一个高度，内部 div 将采用这个高度。

于 2012-04-19T07:13:52.620 回答
0

如果您希望容器与其内容一样高，请不要设置该height属性。就这么简单。

If, however, you want it to have a minimum height (i.e. you never want to let it be less high than the window) set the min-height property.

于 2012-04-19T07:19:50.547 回答