0

我创建了一个页面，其最小高度为 100%，带有页脚，如http://peterned.home.xs4all.nl/examples/csslayout1.html所述

它适用于页面填充 div，但我想在其中包含元素，这些元素也占据了它们可用的所有高度。

尝试：

  • 添加height: 100%到它们不起作用。他们将使用父母的高度，但还有其他元素和填充等，所以这是错误的高度。
  • 使它们成为绝对和设置top: 0px; bottom: 0px;。这将使 div 填满整个高度，但如果添加内容，则 div 不会变得更高。

如果这个解释不清楚，我在这里有一个例子：http: //markv.nl/stack/quine.php

所以父母规定了一个最小高度，内容也是如此。应选择其中最高的。我发现这是一项艰巨的挑战。没有javascript可以吗？

提前致谢！

4

2 回答 2

0

没有javascript是可能的。但是你不应该使用绝对定位来解决这个问题。使用此解决方案将页脚粘贴到页面底部。并使内容 div min-height: 100%。随着内容的增加，它会展开并将页脚向下推，而内容较少的页脚将位于页面底部，而内容 div 将被向上推到页脚。

于 2012-11-04T00:04:20.597 回答
0

经过一番摆弄，我相当有信心，我想做的事是不可能的。如我错了请纠正我。

就我而言，事实证明可以修复。我用position: absolute来创建背景图案。在此之上，我在width:100%div 中添加了内容以使页面缩放。

它仅适用于某些应用程序，但我认为通用解决方案是不可能的。

于 2012-11-09T19:14:16.353 回答