HTML：添加到自动高度以补偿页脚

Question

现在，我已将容器的高度设置为：height: auto;但我想补偿我的页脚（高100像素）。没有补偿，假设页脚不在那里计算自动高度，但我想在自动高度上添加100px，因此页脚不会覆盖我的内容。是否有任何解决方法或方法可以做到这一点？

Answer 1

这是你正在寻找的吗？

height: calc(100% + 100px)

Answer 2

您需要确保html和body设置为100％并且还要确保为calc添加供应商前缀，所以-moz-calc，-webkit-calc。

以下CSS适用于所有浏览器

height: -moz-calc(100% + 100px);   
height: -webkit-calc(100% + 100px);
height: calc(100% + 100px);