浏览器正在产生一个奇怪的边界

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 div写入此div之后：     

希望能摆脱边界。

Answer 2

这些边框来自卷轴。在html中将overflow:scroll;替换为overflow:hidden;，正文标记将删除这些边框，但滚动也是如此。对于侧边栏看#nav_bar并做同样的替换。 http://jsfiddle.net/Feu8H/3/

POST EDIT：更好的解决方案是使用overflow:auto;代替overflow:hidden;，因为overflow:hidden可能会让某些访问者看不到所有内容。

Answer 3

好的，这就是问题所在。它与我的任何代码无关。事实上，它与我的计算机设置（OSX Mountain Lion）有关。我建立网站时通常使用触控板，但今天我碰巧连接了USB鼠标。系统偏好设置＆gt;个人＆gt;常规中有一个设置，可根据您连接的鼠标外设更改滚动条的显示方式。无论您是否滚动，连接USB鼠标都会导致滚动条始终显示。这些“神秘的边界”是滚动条。我刚刚更改了设置，现在一切正常。