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

我去了今天在Chrome中测试我的网站，我发现浏览器正在我网站的某些部分周围创建一个奇怪的边框。这是一个白色边框，它包含窗口的右侧和底部，以及我的侧边栏菜单的右侧。我昨天在测试网站时不记得这个边框在那里。认为这是一个浏览器错误，我在Safari中打开了该网站，发生了同样的问题。我有一种感觉，这是用户错误（可能是一个非常愚蠢的错误），但我不知道如何摆脱它。我无法正确地测试该网站，直到此边框消失浏览器正在生成一个奇怪的边框

我没有将这个边框写入我的代码，它似乎是某种在浏览器中打开的设置，但我不知道如何打开它关闭。我在下面包括一个“神秘边界”的图像。

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

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

来源

2013-08-27 qaxf6auux

我没有看到任何CSS代码。这是正常的吗？ –

我的不好。只需将样式表添加到jsfiddle。 – qaxf6auux

你的小提琴不会重新创建问题：http://jsfiddle.net/Feu8H/1/ – dc5

尝试添加该到你的CSS：

body{margin: 0; 
    padding: 0;} 

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

如果不行，请尝试加入这个类：

.cBoth{clear: both;}

和#nav_container div在这个div中写入后：

希望应该摆脱边界。

来源

2013-08-27 06:01:55 justLearning

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

POST编辑：更好的解决方案是使用overflow:auto;代替overflow:hidden;因为overflow:hidden可能是一些游客不会看到所有的内容。

来源

2013-08-27 06:06:25

我知道，它也与我在系统偏好设置中启用的设置有关。 – qaxf6auux

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

来源

2013-08-27 06:09:14 qaxf6auux

先生阐明。 –

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

回答

相关问题