divを正しく配置できない

divのコンテナの上部にdiv（灰色の背景）を作成しようとしていますが、左側の隙間があるため、背景幅のサイズに一致させることができませんブロック。divを正しく配置できない

誰かが私に理由を説明できますか？

body { 
 
    background-color: #a71930; 
 
} 
 
.container { 
 
    height: 1200px; 
 
    width: 1200px; 
 
    background-color: white; 
 
    margin-top: 50px; 
 
} 
 
div#about { 
 
    height: 400px; 
 
    width: 1200px; 
 
    background-color: #a5acaf; 
 
    margin-left: 0px; 
 
}


 

 
<body> 
 
    <div class="container"> 
 
    <div id="about"></div> 
 
    </div> 
 
</body>

codepan

出典

2017-03-07 Alan Mac Cormack

。

1-各html要素のマージンとパディングを0にリセットします。 CSSファイルに次のコードを追加してください。 100%

第2 divの幅を設定

*{ 
    margin: 0; 
    padding: 0; 
}

出典

2017-03-07 16:26:20 Yousaf

CSSコード

.container{padding:0px}

出典

2017-03-07 16:21:52

を使用し、私はあなたの<body>の余白をリセットしていなかったという理由だけで、あなたが言及した 'ギャップ' であると信じてタグ。

ただ、そうのように設定します。私はcodepenであなたの問題を再現することができませんでしたが、あなたがこの問題を解決するために、ここで試すことができます物事のカップルがある

body{margin: 0;}

出典

2017-03-07 16:25:57

divを正しく配置できない

答えて

関連する問題