两列布局 - 展开浮动 div

【问题标题】：Two Col Layout - Expand the floating div两列布局 - 展开浮动 div
【发布时间】：2012-05-17 10:06:35
【问题描述】：

我有两列，左边的div是导航栏，它向左浮动，内容可以任意展开（高度），我想让左边浮动的div（左边的nav）展开与内容 div。

我有一个示例标记。我希望黄色 div 扩展为等于红色 div，而不必指定 div 的高度。

谢谢

【问题讨论】：

标签： html css

【解决方案1】：

您需要使用 Javascript/jQuery 来实现这一点。这是一个小提琴：http://jsfiddle.net/KjyNm/

jQuery:

$(document).ready(function() {
 $("#leftnav").css("height", $("#content").height());
});

HTML：

<div id="wrapper" style="">
  <div id="leftnav">

  </div>
  <div id="content">

  </div>
</div>

【讨论】：