HTML布局，高度100％
我需要某个问题的帮助。 基本上，我需要一个带有表格的div与单元格中的div等。此外，我需要最外层的div来具有100％的高度和宽度（覆盖整个页面），并且后代可以计算它们的高度，除了那些内容高度大于他们的div（他们应该显示一个滚动条）
我准备了一个带有测试页面的小提琴：
http://jsfiddle.net/S2YSh/6/
到目前为止，只有谷歌浏览器按照我的计划显示它，IE不会计算100％高度的填充和边距，而Firefox会随内容（无滚动条）
如果任何人都可以帮助我（最好使用相同的HTML结构），我会感激不尽。
你可以这样做：
.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/
尝试这个：
<div style="height:100%;width:100%;position:absolute;top:0;left:0;">
<table>...</table>
</div>