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


     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>
  • 相关阅读:
    自动生成build.xml文件
    【luogu 3371】【模板】单源最短路径
    【noip 2005】 采药
    【poj 3253】Fence Repair
    【poj 3069】Saruman's Army
    【poj 3617】Best Cow Line
    【poj 2386】Lake Counting
    【noip 2010】 关押罪犯
    【rqnoj 343】mty的考验
    【codevs 1073】家族
  • 原文地址:https://www.cnblogs.com/zhangjianzhen/p/9541373.html
Copyright © 2020-2023  润新知