问题与内容中心大于它应该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

回答