css - 3 div、テンプレートの 2 のみを自動サイズ変更する方法

Question

すべてのページに使用される Web サイトのテンプレートがあります。コンテンツに合わせて 2 つの div の自動サイズ変更が必要です。

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

青い div のコンテンツが div よりも大きい場合は、コンテンツに合わせて div を自動サイズ変更し、緑の div も自動サイズ変更して、緑の div の下部がまだオレンジ色の div の下部。およびその逆。オレンジ色の div はサイズ変更されません。

Answer 1

高さの代わりにmin-heightを使用すると、問題が解決すると思います

Answer 2

これらは私が変更した 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 フィドルのデモ。