0

画面の中央全体を埋める灰色の直線が必要です。は少し好き<hr>ですが、使いたくありません<hr>。ただし、それを使用しようとすると、常に div の右側に空白スペースがあり、それを取り除くことができません。

ここに私のHTMLコードがあります:

<div id = "rule">

</div>

ここに私のCSSがあります:

@charset "utf-8";
/* CSS Document */
*{
    padding-left:0;
    padding-right:0;
    margin-left:0;
    mergin-right:0;
}

#rule{
    background-color:#fff;

    margin-left:auto;
    margin-right:auto;

    height:40px;
    width:100%; 
    webkit-box-shadow: inset 2px 3px 10px 3px rgba(0, 0, 0, 0.5);

    box-shadow: inset 2px 3px 10px 3px rgba(0, 0, 0, 0.5);
}
4

2 に答える 2

0

コードにタイプミスがあるからだと思います。*セレクターで は、でmergin-right:0ある必要がありますmargin-right:0。

* {
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
}

このJSフィドルの例を参照してください。

于 2013-02-17T23:03:14.580 に答える
0

すべての CSS ファイルの冒頭で通常行うことは、すべてを 0 に設定して、すべてのデフォルトのマージンとパディングとボーダーを取り除くことです。

そうすれば、自分がどこにいるかを正確に知ることができ、後で必要に応じてパディング、マージン、ボーダーを追加できます。

次のようにすべてをゼロに設定します。

*{margin: 0;padding: 0px;border:0;}
于 2013-02-18T00:22:41.407 に答える