• 左侧导航高度,自适应右侧内容高度


     1 <div id="left" style="background:#263238;200px;float:left;">
     2     <p>我是左侧菜单,我的高度自适应右侧内容高度</p>
     3 </div>
     4 <div id="right" style="border:1px solid #263238;500px;float:left;margin-left:10px;">
     5     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
     6     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
     7     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
     8     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
     9     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    10     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    11     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    12     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    13     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    14     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    15     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    16     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    17     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    18     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    19     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    20     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    21     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    22     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    23     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    24     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    25     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    26     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    27     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    28     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    29     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    30     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    31     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    32     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    33     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    34     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    35     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    36     <p>我是右侧内容,左侧菜高度会自适应我的高度</p>
    37 </div>
    1 <script type="text/javascript">
    2     window.onload=function(){
    3         document.getElementById("left").style.height = document.getElementById("right").offsetHeight+"px";
    4     }
    5 </script>
  • 相关阅读:
    如何找回未保存过的 Excel 文件?
    js 下关于json的销毁和添加
    width:100%和width:auto区别
    在ie6下的png图片的兼容问题
    关于input=file的用法
    div+Css绝对定位(absolute)和相对定位(relative)的总结
    onmouseenter和onmouseleave的兼容性问题
    ckfinder的配置使用
    破解ckfinder2.3 去除版本号和标题提示
    jQuery制作图片的等比例缩放
  • 原文地址:https://www.cnblogs.com/zhangjianzhen/p/9541373.html
Copyright © 2020-2023  润新知