Html/Css 网站显示一个不会去任何地方的滚动条

Question

我正在创建一个网站，我正在向一些东西添加 css

我有这个 CSS 代码

#Comment
{
position:relative;
left:350px;
bottom:165px;
}
#SuggestionBox
{
position:relative;
right:320px;
}

一切都与中心对齐，然后正确移动

这是为了应对我缩小浏览器窗口时发生的所有碰撞

奇怪的是，这段代码出现了滚动条，但实际上什么都没有

这是一个视觉辅助：

[已删除]

和：

[已删除]

最后，当我删除该 css 代码时会发生这种情况

[已删除]

我完全被难住了，我不知道会是什么

如果你需要，这里是我所有的 css 代码：

body
{
background-image:url("images/background.jpg");
}
a:hover
{
color:rgb(255,0,0);
}
table
{
background-color:rgb(255,255,255);
}
#Comment
{
position:relative;
left:350px;
bottom:165px;
}
#SuggestionBox
{
position:relative;
right:320px;
}

谢谢

卢克

Answer 1

首先为firefox下载插件如

firebug 和开发者工具

你可以选择实际的字段，它会显示哪个 div 使它的宽度是这样的。 对你有很大帮助。

但是试试这个

身体{ 溢出：隐藏； }

它会隐藏你指定宽度之外的任何东西，这样就不会发生。