ウィンドウサイズが変更されたときに、1つの「トップパネル」内にあるが、異なるCornes内にある2つのdivを互いに重ならないようにするにはどうすればよいですか？

Question

だから、私たちはGoogleのを見てみましょう：それは次のようになります。

しかし、我々はページのサイズを変更する場合には、オーバーラップし始め...：

私はそれを作る方法を疑問に思いますページが縮小されると、右のdivは左のdivのように動き始めます。私はどのようにjQueryを使ってそのような "トップパネル"を作成するのだろうか？

Answer 1

コードを入力してから何をすべきかを正確に説明するのは難しいが、メニューバーの最小幅を設定して、すべてを収容できるだけの幅にしたい。

<div id="menuWrapper"> 
    <div class="left">Left Content</div> 
    <div class="right">Right Content</div> 
</div> 

#menuWrapper{ 
    min-width:750px; 
}