html - 2列レイアウト-フローティングdivを展開します

Question

2つの列があります。左側のdivはナビゲーションバーで、左側にフローティングです。コンテンツは必要なだけ拡張（高さ）できます。左側のフローティング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>