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>