CSS:将 Div 高度设置为 100% - 像素

Question

我的页面上有一个标题，刚好超过 100 像素(准确地说是 111 像素)它下面的 div 需要延伸到视口(viewport)的底部，就像我将底部设置为 0px 一样。问题在于我无法在 ie6 中指定顶部和底部(错误)。

我可以指定顶部:111 像素或底部:0 像素，但我仍然需要正确的高度，即。 100% -111px，根据视口(viewport)大小。

似乎无法使表达式正常工作，因为这似乎是解决方案

这是我的 CSS 代码:

position: absolute; 
width: 200px; 
top: 111px; 
bottom: 0px;

有什么建议吗？

Answer 1

执行此操作的最佳方法是使用视口(viewport)样式。它只是完成工作，不需要其他技术。

代码:

div{
  height:100vh;
}

<div></div>