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

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

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

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

谢谢

【问题讨论】:

标签: 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>

【讨论】:

  • 谢谢,我想这是唯一的方法。我真的希望有一个非 js 解决方案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-05-13
  • 2014-03-07
  • 2013-08-04
  • 2023-03-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多