我有一个<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}}没有工作,并且四处寻找实现这一目标的方法,但找到了真正有效的方法。
答案 0 :(得分:1)
使用min-height: 100%
。
这将确保100%的高度,但不会强制上限。