HTML布局，高度为100％-Java 学习之路

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

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

http://jsfiddle.net/S2YSh/6/

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

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

2 回答

你可以这样做：

.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/

回复于 2024-04-24T07:31:47+08:00

试试这个：

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

回复于 2024-04-24T07:31:47+08:00

HTML布局，高度为100％

2 回答

相关问题