Html 有没有办法像android视图权重那样在css中调整div的大小？

在android中，通过使用权重，你可以让3个垂直视图用不同的大小填充它们的父视图。我的html页面上有3个div，需要始终位于底部的两个div都是40px高的div，然后在需要填充父div其余空间的div之上会有一个div。有没有办法不用javascript来完成这一任务？

是的，您可以对3个div使用

display:table row

，并将底部两个div的高度设置为

40px

使用

display:tablexxx

通常是非常微妙的，尤其是在跨浏览器的方式下，因此我正在构建一个演示，演示如何让它覆盖整个页面：

演示的HTML：

 <div id=w>
  <div id=a>
    <div id=b>B</div>
    <div id=c>C</div>
    <div id=d>D</div>
  </div>
 </div>

#w {
   position: fixed;
   top: 0; left:0; right: 0; bottom: 0;
}
#a{
  display: table;
  width:100%; height:100%;
}
#b {
  display: table-row;
  background: red;
}
#c {
  display: table-row;
  background: yellow;
  height:40px;
}
#d {
  display: table-row;
  background: green;
  height:40px;
}

---

谢谢我不知道这种显示类型。我会选择最好的答案，只要它让我。