3 div、テンプレートの自動サイズ変更方法2、

Question

すべてのページで使用されるウェブサイトのテンプレートがあります。私はコンテンツを2 divsの自動サイズ変更したい。

http://jsfiddle.net/agroe070/9QGjH/2/

青のdivがdiv要素よりも大きなコンテンツを持っている場合、私は自動再サイズにdi​​v要素は、コンテンツに合わせたい、と私は自動再サイズだけでなくので、下に緑のdivをしたいです緑色のdivの色はまだ橙色のdivの下に揃っています。およびその逆。オレンジ色のdivは決してリサイズされません。

Answer 1

これらは私が変更CSS宣言であり、必要に応じて動作するようです：

#wrapper{ 
    /* your other stuff */ 
    position: relative; /* to position the sidebar relative to this element */ 
} 
#sidebar{ 
    position: absolute; 
    top: 0; 
    bottom: 50px; 
    left: 10px; 
    width: 190px; 
    /* other stuff */ 
} 

JS Fiddle demo。

Answer 2

高さの代わりにmin-heightを使用してください。あなたの問題を解決すると思います。