1

950pxの設計図レイアウトを作成しようとしているので、次の画像のようにします。

ここに画像の説明を入力してください

通常の950pxコンテナ（右のボックス）はフローティングセンターページです。今度は、この950pxボックスに向かって左にフローティングする#menu divが必要です。これは、この#container 950px divの左側に配置し、幅を固定する必要があります。

どうすればそのようなことが達成できますか？私はすでにいくつかのcssトリックを試しましたが、無駄になりました。液体のレイアウトがあることはわかっていますが、＃menuと#containerの間のスペースが大きくなります。以下の例のように、そのスペースを固定して、ブループリントのデフォルトを20pxにします。

誰かがこれを実現する方法を知っていて、画面のサイズが変更されてもdivをページに表示したままにしますか？

4

1 に答える 1

2

私があなたの質問を理解した場合、これはあなたが望むことをします：

 body, html 
 {
    width: 100%;
 }

 <div style="margin: 0 auto; width: 1100px">
    <div style="width: 150px; float:left;">
       menu
    </div>
    <div style="width: 950px; float:left;">
       right part
    </div>
 </div>
于 2012-04-21T00:10:14.733 に答える