填充剩余的垂直空间

Question

重新设计我的网站,在我的CSS我有一个高度div:200px; 然后在它下面的图像高度:532px; 然后最后一个高度:100%;

最后一个div没有填写页面的其余部分,有什么我做错了吗？

PS - 所有div都在一个容器中.所有包含div的高度均为100%;

我已经改变了,所以我不再需要这个了.

Answer 1

首先,您需要将html和body的高度设置为100%.然后,如果你想用该div覆盖页面的其余部分,你应该做类似的事情:

div{
     height: -moz-calc(100% - 732px); //732 = 200 + 532
     height: -webkit-calc(100% - 732px);
     height: calc(100% - 732px);
}

希望这会有所帮助....