CSS Min-Height 100%页面,内容高度为100%



我已经创建了一个页面,该页面的最低点为100%,带有页脚,如http://peterned.home.xs4all.nl.nl.nl/examples/cssssslayout1.html

它适用于填充页面,但我想拥有其中的元素,也占用他们可用的所有高度。

尝试:

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

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

因此,父母和内容一样决定最低高度。他们中的最高应选中。我发现这是一个巨大的挑战。没有JavaScript吗?

预先感谢!

没有JavaScript。但是您不应在此问题上使用绝对定位。使用此解决方案将页脚棒放在页面底部。并使内容Div Min-Height:100%。随着更多内容,它会扩展和推开页脚,而没有内容的页脚将在页面的底部,内容div将被推到页脚上。

在大量摆弄之后,我非常有信心我想做的是不可能的。如果我错了,请纠正我。

就我而言,事实证明是可能的。我使用position: absolute创建背景模式。在此之上,我在width:100% Div中添加了内容以使页面刻度。

它仅适用于某些应用程序,但我认为不可能进行一般解决方案。

最新更新