zoukankan      html  css  js  c++  java
  • css 控制div高度自适应浏览器的高度

    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>
  • 相关阅读:
    浅谈MVC3.0 及其URL路由机制
    了解 NHibernate
    ASP.NET与 .NET MVC的认识
    ASP.NET中的Webservice
    MVC3.0 将网站设为首页和加为收藏的实现(IE/Firefox)
    ASP.NET页面生命周期
    MVC3.0 开发过程中遇到错误及解决方案(不断更新中。。。)
    scienceWord总结
    设计模式——结构型模式(包含7种)
    sql 、linq、lambda 查询语句的区别
  • 原文地址:https://www.cnblogs.com/GaoHuhu/p/2703474.html
Copyright © 2011-2022 走看看