Html 在一个固定的包含分区中布局3个分区，高度：1个分区（根据需要），2个分区（剩余部分的60%）和3个分区（剩余部分的40%）

我在这里试过，但没有成功

我不想把3个div放在另一个具有px中定义的高度和宽度的div中（有时可以用js更改）

所以我希望里面的div的高度是

1号-需要多少就有多少

第二个-剩余空间的60%

第三个-剩余空间的40%

---

有人能帮我吗？

css3中有一个解决方案。我为您创建了一个演示：

唯一的问题是兼容性。因此，您可以考虑检查浏览器是否支持灵活的BOX模块（CSS3的善良允许我们进行这些调整），如果不是，则用JavaScript分配剩余的高度（JQuery很容易）。 编辑：我提出了一个概念，它还为您的特定案例提供IE支持（有缺陷，只是一个起点）——