0

私は以前にこれを理解することができました、そして私は本質的にこれをしたことを覚えています、しかし何らかの理由でそれは今はうまくいきません。中央に配置する必要があるWebサイトの中央の列がありますが（そのように）、通常のマージン：0自動; は機能せず、代わりにこれを生成します（ナビゲーションバーのリンクアイテムのCSSフォーマットも機能しませんが、それはまったく別の問題です）。メイン列と親のCSSは次のとおりです。

body {
    margin:0;
    padding:0;
    height:100%;
    background:url(images/BGTop.png) repeat-x;
}
div#main {
    margin:0 auto;
    padding:0 1px;
    size:auto 730px;
    background:url(images/mainbg.png) repeat-y;
}

BGも機能しないことに気付くでしょう。これは同じ問題ですか？CSSが機能しないのはなぜですか（パディングを除いて#main）？HTMLは問題ではないようです：

<body>
<div id="main">
    <ul class="navbar">
        <li class="navbar"><a class="navbar" href="#">home</a></li>
        <li class="navbar"><a class="navbar" href="#">bingo</a></li>
        ...
        <li class="navbar"><a class="navbar" href="#">music</a></li>
    </ul>
</div>
</body>
4

1 に答える 1

5

size物件はどこから入手したのですか？を使用する必要がありますwidth: 730px。無効なため、このsize行は破棄されています。幅はまだ として計算されていautoます。

jsFiddle を参照してください。(ボックスが中央に配置されるように、ボックスのサイズを十分に変更する必要があります。)

興味がある方のために説明すると、このsizeプロパティはページ付きメディアに使用されます。私はそれについてあまり知りませんが、あなたが思っていることはしません。ページの実際の (実際の) サイズを設定することを目的としています。最も一般的なのはsize: 8.5" 11"(紙のデフォルト サイズ) などのインチです。

于 2012-06-17T01:17:38.350 に答える