在两列页面上,如何使用CSS或Javascript将左div增长到正确的div高度？

内容简介：代码日志版权声明：翻译自：http://stackoverflow.com/questions/35699/on-a-two-column-page-how-can-i-grow-the-left-div-to-the-same-height-of-the-righ

<div style="float:left; width: 150px; border: 1px solid;">
  <ul>
    <li>nav1</li>
    <li>nav2</li>
    <li>nav3</li>
    <li>nav4</li>
  </ul>
</div>
<div style="float:left; width: 250px">
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
....
</div>

function setHeight(){
  var height = $(document).height(); //optionally, subtract some from the height
  $("#leftDiv").css("height", height + "px");
}

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

关注我们，获取更多IT资讯^_^

查看所有标签

• 认知的高度 = 人生的高度
• 父div高度不能自适应子div高度的解决方案
• html – 没有固定高度的滚动条/带滚动条的动态高度
• Android XML灵活布局之 EditText实现自适应高度同时限制最小和最大高度
• iOS初级开发学习笔记：一个页面中自动计算cell的高度来自适应tableView的高度
• RN 踩坑：内容区域高度

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。