HTML制作高度100%和自动

时间:2014-08-17 14:00:53

标签: html css height

我有一个<div>,ID为中间,我的高度设置为 100%使用height:100%问题是div中的项目大于高度。我试过了height:calc( 100% + 120px );;但是因为我使用相同的div id来表示所有页面都比我想要的height:calc( 100% + 120px );;要大得多,如果我使用height:auto,有些比使用height:calc( 100% + auto );;要小得多我希望他们成为。

相反,我一直在寻找是否有办法做height:calc( 100% + auto );;之类的事情来使高度达到屏幕的100%,如果物品超出了它的高度,则需要增加它所需的高度。当然{{1}}没有工作,并且四处寻找实现这一目标的方法,但找到了真正有效的方法。

1 个答案:

答案 0 :(得分:1)

使用min-height: 100%

这将确保100%的高度,但不会强制上限。