html - 两列布局 - 展开浮动 div

Question

我有两列，左侧 div 是导航栏，它向左浮动，内容可以任意扩展（高度），我希望左侧浮动 div（左侧导航）随内容扩展分区。

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

到 jsfiddle 的链接是 http://jsfiddle.net/saaedb/F5c97/1/

谢谢

Answer 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>