不能正確定位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

我不能再現codepen但也有幾件事情，你可以嘗試去修正這個問題，你的問題。

1-將每個html元素的邊距和填充重置爲0。將以下代碼添加到您的CSS文件中。

*{ 
    margin: 0; 
    padding: 0; 
}

2-第2集div寬度100%

來源

2017-03-07 16:26:20 Yousaf

使用的CSS代碼

.container{padding:0px}

來源

2017-03-07 16:21:52

我相信 '差距' 你提到的是，只是因爲你沒有重置<body>的邊緣標籤。

只要將它設置爲像這樣：

body{margin: 0;}

來源

2017-03-07 16:25:57

不能正確定位div

回答

相關問題