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>