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>
