1

ページの中央にdivを配置しようとしていますが、通常のマージンで中央に配置できない非常に特殊なレイアウトがあります。自動プロパティです。私が持っているのは、基本的にこれです:

HTML:

<div id="container">
    <div id="sidebar">
        some text
    </div>
    </div id="content">
        some text
    </div>
</div>

CSS:

#container{
    margin: 0 auto;
    width: 900px;
}

#sidebar{
    float: left;
    width: 300px;
}

#content{
    float: left;
    width: 600px;
}

これは問題なくコンテナを中央に配置しますが、必要なのは画面の幅を基準にして「コンテンツ」divを中央に配置することです。これが私が取り組んでいるサイトで、より明確に表示できます:http://dirtymind。 jvsoftware.com/と、問題をよりよく説明するために作成した画像:http: //dirtymind.jvsoftware.com/img/csserror.png

誰かがこれを達成する方法を知っていますか?よろしくお願いします。

4

2 に答える 2

1

コンテナの幅をサイドバーの幅だけ増やし、コンテンツブロックに同じ量だけ右マージンを追加します。

于 2010-10-19T21:37:40.140 に答える
0

私の知る限り、それはあなたが望むようには不可能です。次のオプションから選択します。

  1. マージン左を追加します。たとえば、コンテナに5%を追加します。
  2. 一定の左マージン
于 2010-10-19T21:24:32.677 に答える