我已经创建了一个页面,该页面的最低点为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中添加了内容以使页面刻度。
它仅适用于某些应用程序,但我认为不可能进行一般解决方案。