按浏览器的高度调整div的大小

Question

如何让div成为浏览器的高度 - 40px？

如果这很容易，我如何制作一个div（浏览器的高度） - （元素在页面上开始的距离） - （40px）？

CSS只是理想的选择。在javascript中执行此操作很简单，但我们都知道这是不好的形式：）

Answer 1

您可以在底部使用填充：

selector {
   position:absolute;
   ....
   height:100%;
   padding-bottom:40px;
}

Answer 2

div {
    height: calc(100% - 40px);
}

我认为没有任何方法可以在没有JS的情况下获得“元素开始的页面距离”信息。

Answer 3

Make div 100% height of browser window

body,html{
  height:100%;
}

div#right{
  height:100%
}

而且你可以添加一些填充。