下面介绍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>
最新文章
热门文章
猜你喜欢
