position - 最小幅と絶対位置のサイズ変更可能なページ？

Question

右側にサイドメニューがあるサイズ変更可能なページで作業していますが、この単純な例で想定されているとおりに機能します。

http://pastehtml.com/view/1do8cy9.html

ただし、問題は、位置の自動と最小幅が期待どおりに反応しないことです。（最小幅がに設定されているため）500pxよりも小さいブラウザウィンドウをドラッグすると、赤いサイドメニューが緑のコンテンツの上に続きます。

サイドバーが最小幅fx500pxに達したときにサイドバーを停止するにはどうすればよいですか？

Answer 1

絶対位置の div は、相対位置を持つ必要がある最小幅の div 内にある必要があります

編集、より良い説明：

top: 0サイドバーの場合:赤いサイドバーに追加し、min-widthコンテナー内に配置します。

コンテナーの場合:margin-rightプロパティを次のように置き換えてpadding-right追加しますposition:relative

Answer 2

修正があります！

それは奇妙ですが：

body{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    min-width:1300px;
    width:100%;
    overflow:auto;
    padding:0;
    margin:0;
}