Question

我需要某个问题的帮助。基本上，我需要一个div，里面有一个桌子，单元格中的div等。另外，我需要最外面的div有100％的高度和宽度（覆盖整个页面）和后代来计算它们的高度，除了那些内容高度大于他们的div（他们应该显示一个滚动条）

我准备了一个测试页面的小提琴：

到目前为止，只有谷歌Chrome按照我的计划显示它，IE不会计算高度100％的填充和边距，而Firefox会延伸内容（无滚动条）

如果有人可以帮助我（最好使用相同的HTML结构），我们将非常感激。

Answer 1

你可以这样做：

.right{
    float:right;
    width:200px;
    height:100%;
    background:red;
}
.left{
    overflow:hidden;
    background:green;
    height:100%;
}
.right, .left{
padding:20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html, body{
    height:100%;
}

选中此http://jsfiddle.net/S2YSh/9/

Answer 2

试试这个：

<div style="height:100%;width:100%;position:absolute;top:0;left:0;">
  <table>...</table>
</div>

HTML布局，高度为100％

2 个答案: