2

<div>この例では、ページの上部と の間のスペースを削除できないようです。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Index</title>
    <style type="text/css">
        html, body{
            padding: 0;
            margin: 0;
        }
        #container{
            background-color: #808080;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="inner-container">
            <h3>Index</h3>
        </div>
    </div>
</body>
</html>

私はそれをこの行に絞り込みました：

<!DOCTYPE html>

これを削除する<div>と、ページの上部に配置されるようです。CSSで同じことを達成する方法がわかりません。

4

4 に答える 4

4

<h3>同様にあなたからマージンを削除します

h3 { margin-top: 0 }

デモ

于 2012-12-04T11:51:27.257 に答える
0

マージンは互いに崩壊します。

html(0)、body(0)、#container(0)、および(0 以外) の上h3余白は、最初のコンテンツとウィンドウの端の間の結合された非ゼロの上余白にマージされます。

h3 { margin-top: 0 }削除するように設定します。

h1(ただし、サブサブヘッダー ( ) ではなく、見出し ( ) でドキュメントを開始する必要がありますh3)。

于 2012-12-04T11:52:27.603 に答える
0

追加情報:

プロジェクトを開始する前に、 CSS リセット スクリプトの使用を検討して、このようなささいなことを心配する必要がないようにすることもできます。

于 2012-12-04T18:29:29.450 に答える
0

実際にはH1 から H6 のデフォルトのマージンが直面している問題であるため、この値をオーバーライドすると問題が解決します。

h3 { margin-top: 0;margin-bottom: 0; }
于 2012-12-04T11:57:50.997 に答える