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

 1 <div id="left" style="background:#263238;width:200px;float:left;">
 2     <p>我是左侧菜单，我的高度自适应右侧内容高度</p>
 3 </div>
 4 <div id="right" style="border:1px solid #263238;width: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>

 

posted @ 2018-08-27 11:55  zhangjianzhen  阅读(1030)  评论(0)    收藏  举报