高度百分比在CSS中不起作用

Question

我在使用calc函数将百分比设置为CSS时遇到了一些麻烦。 calc函数和百分比与宽度一起使用但不适用于高度。我正在尝试设置一个ID为body的div，并希望高度为100％ - 70px。请帮忙，因为我需要尽快完成。

谢谢Jayden

Answer 1

height的特殊情况，您需要确保所有元素父项都具有height css属性。将你的html，body heigth设置为100％。通过设置父元素的高度，您可以设置元素的高度。

html,body{
    height: 100%;
}
#element{
    height: calc(100% - 70px);
    border: 1px solid #ccc;
}