0

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

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

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

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

4

3 回答 3

0

尝试将此添加到您的CSS：

body{margin: 0;
     padding: 0;}

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

如果这不起作用，请尝试添加此类：

.cBoth{clear: both;}

并在 #nav_container div 之后写入此 div：

希望应该摆脱边界。

于 2013-08-27T06:01:55.447 回答
0

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

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

于 2013-08-27T06:06:25.580 回答
0

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

于 2013-08-27T06:09:14.413 回答