css如何控制div高度自适应浏览器的高度

时间:2021-04-16

  下面介绍css如何控制div高度自适应浏览器的高度。

<html>
<head>
<style>
#myTable{height:100%;border:solid 1px red;width:100%;}
#top{margin-top:1px;height:100px;border:solid 1px green}
#down{margin-top:1px;height:89%;border:solid 1px silver}
#left{height:100%;border:solid 1px black;margin:1px;width:200px;float:left;}
#right{border:solid 1px #0aa;margin:1px;height:100%;width:240px;overflow:scroll;}
</style>
</head>
<body>
<table id='myTable'>
<tr><td>
<div id='top'></div>
<div id='down'>
<div id='left'></div>
<div id='right'>
这里是内容
这里是内容容这里是内容
这里是内容
这里是内容
这里是内容
这里是内容
这里是内容这里是内容
这里这里是内容

这里是内容
这里是内容
这里是内容

这里是内容
这里是内容
这里是内容
这里是内容这里是内容
这里这里是内容

这里是内容
这里是内容
这里是内容

这里是内容
这里是内容这里是内容

这里是内容

这里是内容
这里是内容这里是内容
这里这里是内容

这里是内容
这里是内容
这里是内容
这里是内容
这里是内容容这里是内容
这里是内容
这里是内容这里是内容
这里这里是内容

这里是内容
这里是内容
这里是内容
这里是内容
这里是内容容这里是内容
</div>
</div>
</td>
</tr></table>
</body>
</html>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章