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 делает его ширину такой.это вам очень поможет.

но попробуйте это

body {overflow: hidden;}

он будет скрывать все, что находится за пределами указанных вами значений ширины, чтобы это произошло.