浏览器正在生成一个奇怪的边框

Question

我今天去用Chrome测试我的网站，我注意到浏览器在我网站的某些部分创建了一个奇怪的边框。它是一个白色边框，它包括窗口的右侧和底部，以及我的侧边栏菜单的右侧。我不记得当我昨天测试这个网站的时候，这个边界已经不在了。我认为这是一个浏览器错误，我在Safari中打开了网站，同样的问题也出现了。我有一种感觉，这是用户的错误(可能是一个非常愚蠢的错误)，但我不知道如何摆脱它。在此边框消失之前，我无法正确测试站点

我没有在我的代码中写入这个边框，它看起来像是在浏览器中打开的某种设置，但我不知道如何关闭它。我在下面添加了一张“神秘边框”的图片。

图片在这里http://imgur.com/HP6krR9,wzfiODj

Code is here http://jsfiddle.net/Feu8H/

Answer 1

尝试将此代码添加到您的css：

body{margin: 0;
     padding: 0;}

#nav_container{margin: 0;
     padding: 0;}

如果这样不起作用，可以尝试添加这个类：

.cBoth{clear: both;}

在#nav_container分区之后，在此分区中写入：

希望能摆脱这些边界。

Answer 2

这些边框来自卷轴。在html中用overflow:hidden;替换overflow:scroll;，body标签将删除这些边框，但滚动也会删除。对于侧栏，请查看#nav_bar并执行相同的替换操作。http://jsfiddle.net/Feu8H/3/

后期编辑:更好的解决方案是使用overflow:auto;而不是overflow:hidden;，因为使用overflow:hidden可能会使一些访问者看不到所有内容。

Answer 3

好吧，这就是问题所在。这与我的任何代码都没有任何关系。事实上，这与我的电脑设置有关(OSX Mountain Lion)。我通常在建立网站时使用触摸板，但今天我碰巧连接了我的USB鼠标。System Preferences>Personal>General中有一项设置，可根据所连接的鼠标外围设备更改滚动条的显示方式。连接USB鼠标时，无论是否正在滚动，都会始终显示滚动条。这些“神秘边框”就是滚动条。我只是改变了设置，现在一切都正常了。