CSSがコンテンツをプッシュダウンしていますか？

Question

kranedesign.comのいずれかのページを参照してください。

ブラウザのサイズを水平に縮小すると、メインコンテンツがナビゲーションの下に表示されます。私はCSSをどこでどのように修正するかはわかりません。理想的には、私はそれに合わせて縮尺を変えたいと思っています...しかし、水平スクロールバーだけでも良いでしょう。

Answer 1

コンテナdivが必要です。等：

<div id="container"> 
    <div id="nav"></div> 
    <div id="content"></div> 
</div> 

そしてコンテナクラスをオーバーフロー与える：隠されたが（コンテナDIVストレッチ）および幅DIVコンテナを与えます。私はあなたのナビゲーションとコンテンツが浮かんでいると思いますか？

Answer 2

あなた#outerコンテナdiv要素には、以下のCSSを持っている必要があります。

#outer { 
    width: 1160px; 
    position: relative; 
    overflow: hidden; 
} 

あなた#asideと#primaryは、固定幅で浮いたが、そのコンテナ#outerは、幅の変更を意味し、100％の幅を有しています。したがって、ブラウザウィンドウの幅が#asideと#primaryの幅よりも小さい値に変更されると、＃primaryのdivの下に#primaryが表示されます。