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

Question

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

我有这个CSS代码

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

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

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

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

这是一个视觉辅助工具:

[已删除]

和:

[已删除]

and finally this is what happens when I delete that css code

[已删除]

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

如果您需要，这里是我所有的 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下载addons如

Firebug 和开发者工具

您可以选择实际字段，它会显示哪个 div 使其宽度如此。它会对你有很大帮助。

但是试试这个

正文{溢出:隐藏；

它会隐藏您指定宽度之外的任何内容，这样就不会发生这种情况。