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>
