0

なぜこれは と を中心#block1にしないの#block2ですか?

<div id="superwrapper">
    <div id="wrapper">
        a
        <div id="block1">
            pippo
        </div>
        <div id="block2">
            pluto
        </div>
    </div>
</div>

div#superwrapper {
    width:100%;
    height:210px;
    background-color:#FFFFCC;
    border:dotted;
}

div#wrapper {
    text-align:left;
    width:500px;
    heigth:205px;
    margin:0,auto;
    border:dotted;
}

div#block1 {
    text-align:left;
    float:left;
    width:200px;
    height:200px;
    border:dotted;
}

div#block2 {
    text-align:left;
    float:left;
    width:200px;
    height:200px;
    border:dotted;
}
4

5 に答える 5

6 
margin: 0, auto;

ここでのコンマは正しい構文ではありません。それはただのスペースでなければなりません：

margin: 0 auto;

また、@ BillyMoatが指摘しているように、heigthはである必要がありますheight。

于 2012-08-20T22:06:53.503 に答える
0 
div#wrapper {
    text-align:left;
    width:500px;
    heigth:205px;
    margin:0 auto;
    border:dotted;
}
于 2012-08-20T22:07:42.303 に答える
0

ドキュメントの先頭でdoctypeを宣言する必要があります。

<!DOCTYPE html>
于 2012-08-20T23:41:19.167 に答える
0

私は 2 日前に CSS の学習を始めたばかりで、この質問を使用して余白に慣れました。以下の私の発言と混同しないことを願っています。

とにかく、ブラウザにblock1とblock2を中央に配置するように指示する元のコードには何も見つかりませんでした。

私の解決策は次のとおりです。ブロック 2 の場合。次に、block1 と block2 のマージンを追加します。すべてのブロックが固定幅を使用するため、左 (block1) と右 (block2) の余白を 33px に設定する必要があると計算できます。境界線には数ピクセルかかります (デフォルト = 中; 中のピクセル数を見つけることができませんでした)。最終的には、27px で問題ないように見えます。

ここにコード：

div#superwrapper {
width:100%;
height:210px;
background-color:#FFFFCC;
border:dotted;
}

div#wrapper {
text-align:left;
width:500px;
height:205px;
margin:0 auto;
border:dotted;
}

div#block1 {
text-align:left;
float:left;
width:200px;
height:200px;
border:dotted;
margin: 0 0 0 27px;
}

div#block2 {
text-align:left;
float:right; 
width:200px;
height:200px;
border:dotted;
margin: 0 27px 0 0;
}

それが役に立ち、トリックを行うことを願っていますか?

于 2012-08-21T21:06:15.327 に答える