Question

在Android中，您可以使用权重使3个垂直视图填充其父级，每个视图具有不同的大小。我的html页面上有3个div，需要始终位于底部的两个div都是40px高，然后会有一个需要填充父div的剩余空间。有没有办法在不使用javascript的情况下执行此操作？

Answer 1

是的，你可以使用display:table-row作为3个div，并将底部的两个身高设置为40px。

使用display:tablexxx通常很精致，特别是在跨浏览器时，所以我正在构建一个关于如何覆盖整个页面的演示：

Demonstration

演示的HTML：

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

演示的CSS：

#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;
}

有没有办法在像CSS视图权重的CSS中调整div的大小？

1 个答案: