容器被「推」到身體的中心位置

這也許是一件小事，但我無法找到解決方案。

我的#body有正確的尺寸來填充頁面，但只要我添加具有相同尺寸的.Container類，它仍然會「推」幾個像素。

我如何用我的容器充滿身體？

2015-10-22 MwBakker

您是否嘗試添加'* {margin：0;填充：0; ''？ –

尋求代碼幫助的問題必須包含在問題本身**中重現**所需的最短代碼。儘管您已經提供了一個示例鏈接，但如果鏈接無效，那麼您的問題對於其他未來具有相同問題的SO用戶將沒有任何價值。 –

謝謝，這對我有用！ – MwBakker

添加到您的CSS

body { 
    margin:0; 
    padding:0; 
}

2015-10-22 13:32:53 Anoxy

謝謝，除了那個之外，我嘗試了一切，因爲我沒有意識到瀏覽器似乎有標準的邊距。 – MwBakker

@MwB很高興它解決了你的問題！祝你今天愉快！ :) – Anoxy

謝謝！我希望你不會感到驚訝，因爲我選擇了不同的接受方式，這是由於他對標準8像素頁邊距的探索，因此我必須添加它。 – MwBakker

看來，無論是你的body或您.Container有一些額外的padding或margin是弄亂你的佈局。嘗試使用適當的CSS重置來避免這種情況。

2015-10-22 13:35:38

沒有保證金或填充集。似乎瀏覽器添加了標準的填充/邊距。但謝謝你的回覆！ – MwBakker

「標準填充/邊距」正是你想要避免的，你應該使用CSS重置，因爲有時不同的瀏覽器有不同的「標準」定義:-) –

從它的外觀來看，您還沒有重置瀏覽器應用的<body>的默認邊距，通常是8px。

嘗試：

body { 
    margin: 0; 
}

使用CSS復位，以幫助恢復正常的一些跨瀏覽器這些東西。受歡迎的是Eric Meyer's Reset CSS。

2015-10-22 13:36:01 hungerstar

感謝您的快速回復，您也直接點我應該添加保證金的原因是：0 ;. 它的工作 – MwBakker

沒問題，很樂意幫忙。 – hungerstar

在您的網站上按F12並從那裏檢查元素。點擊容器，看看它被推送的原因。您還有另外一個選項，您有機會直接查看爲什麼要在空白處點擊鼠標右鍵，然後點擊Chrome上的檢查元素。然後你會在控制檯看到推動容器的東西。

2015-10-22 13:38:13

看起來像一個標準的瀏覽器來添加一些填充/邊距。現在解決了這個問題，無論如何謝謝你的答覆！ – MwBakker

回答