問題與內容中心大於它應該css/html

我注意到一個新的問題，以前沒有任何問題，我不明白是怎麼回事，以及如何解決它。問題與內容中心大於它應該css/html

這是問題所在。我已經習慣了這種方式居中DIV在我的網站：

<div id="banner"> 
    <div class="center">conter here is centered</div> 
</div>

CSS：

#banner 
{ 
    width:100% 
} 

.center 
{ 
    width:900px; 
    margin:auto; 
}

股利正確居中。問題是，當我調整webbrowser（chrome，opera，firefox）到916px;當它實際上應該出現在900px時出現一個水平滾動條。

它以前沒有任何問題，現在停下來。爲什麼？

有什麼建議嗎？

感謝，

你確定沒有任何填充應用於'＃banner'嗎？ –

你刪除您網頁的默認margin和padding？

html, body { 
    margin: 0; 
    padding: 0; 
}

在鍍鉻的body標籤施加有由padding: 8px。這可能導致它在916px處斷裂？

通常一個CSS重置所有默認樣式應用於文件事先以消除攀升等問題。 Here是關於重置CSS主題的更多信息。

2015-10-15 10:09:39 Jason

請重置從您的頁面的默認邊距和填充。

html, body { 
    margin: 0; 
    padding: 0; 
}

使用reset.css具有良好的重置將重置CSS的所有瀏覽器的差異。我會建議Eric Meyer的復位最多，爲HTML5 Doctor Reset HTML 5

而且它不是一個很好的理由總是有width和padding或margin或border在一起。如果您同時使用它們，請同時添加：

box-sizing: border-box;

2015-10-15 10:11:34

有人可以解釋downvote的原因嗎？我很樂意糾正或改善答案。 –

這是我已經發布的內容的重複，幾乎相同的格式？ – Jason

@Jason呃，有點兒。 '：）'接受它。讓我們添加更多信息呢？ –

感謝您的幫助。

我沒有提到它，但我當然試着用CSS重置。我也嘗試重置HTML和BODY上的每個邊距/填充，但它不能解決問題。

我真的不明白的是，它幾個月前就開始工作了，我對此有1000％的把握。所以最近有什麼變化？

我創建爲例（因爲你不能調整瀏覽器上的jsfiddle但請嘗試在你的身邊是不是真的revelant）：

(https://jsfiddle.net/2gjt4v3e/)

我加了很多「BR」，因爲我注意到，這個問題出現在網站有一定高度時。例如，如果您使用2行進行測試，它會起作用，如果您再次使用更多內容（並且高度更高）來執行此操作，則會出現此問題。

其他建議？

2015-10-16 08:21:22

回答