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

 1 <html>
 2 <head>
 3 <style>
 4 #myTable{height:100%;border:solid 1px red;width:100%;}
 5 #top{margin-top:1px;height:100px;border:solid 1px green}
 6 #down{margin-top:1px;height:89%;border:solid 1px silver}
 7 #left{height:100%;border:solid 1px black;margin:1px;width:200px;float:left;}
 8 #right{border:solid 1px #0aa;margin:1px;height:100%;width:240px;overflow:scroll;
 9 }
10 </style>
11 </head>
12 <body>
13 <table id='myTable'>
14 <tr><td>
15 <div id='top'></div>
16 <div id='down'>
17 <div id='left'></div>
18 <div id='right'>
19 这里是内容
20 这里是内容容这里是内容
21 这里是内容
22 这里是内容
23 这里是内容
24 这里是内容
25 这里是内容这里是内容
26 这里这里是内容
27 
28 这里是内容
29 这里是内容
30 这里是内容
31 
32 这里是内容
33 这里是内容
34 这里是内容
35 这里是内容这里是内容
36 这里这里是内容
37 
38 这里是内容
39 这里是内容
40 这里是内容
41 
42 这里是内容
43 这里是内容这里是内容
44 
45 这里是内容
46 
47 这里是内容
48 这里是内容这里是内容
49 这里这里是内容
50 
51 这里是内容
52 这里是内容
53 这里是内容
54 这里是内容
55 这里是内容容这里是内容
56 这里是内容
57 这里是内容这里是内容
58 这里这里是内容
59 
60 这里是内容
61 这里是内容
62 这里是内容
63 这里是内容
64 这里是内容容这里是内容
65 </div>
66 </div>
67 </td>
68 </tr></table>
69 </body>
70 </html>

 

posted on 2012-09-26 10:11  小桥屋檐下  阅读(16543)  评论(8编辑  收藏