posts - 19,comments - 150,views - 87122

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   小桥屋檐下  阅读(17613)  评论(8编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 单线程的Redis速度为什么快?
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 展开说说关于C#中ORM框架的用法!
· SQL Server 2025 AI相关能力初探
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
< 2012年9月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 1 2 3 4 5 6

点击右上角即可分享
微信分享提示