css - CSSを使用して分離されたコンテンツを同じ高さに設定する

Question

サイドバー div をコンテンツ div と同じサイズにしようとしていますcontainer。div を白に設定すると、「希望どおり」に動作しますが、この小さな空の背景を中央に保持し、それらが分離されているように見せる必要contentがsiderbarあります。 ...

私はすでに次のようなことを試しました: CSS: Div の高さを 100% に設定 - ピクセル

私はそれを理解しようとして1時間以上費やしましたが、ここでは何も機能しません...私ができる唯一の方法はJavascriptでしたが、それは友好的ではありません.

これが私の質問の例です: http://jsfiddle.net/cn7cd/1/

読んでくれてありがとう。

Answer 1

これを見てください http://css-tricks.com/fluid-width-equal-height-columns/

それはあなたが求めているものを達成するためのさまざまな方法の良い要約を持っています

Answer 2

少しJQueryを使用してもよいかどうかはわかりませんが、その場合は、可能な解決策があります

var cHeight = $('#content').css('height');
$("#sidebar").css('height',cHeight);
console.log($("#sidebar").css("height"));

デモ