Javascript 页面宽度比视口宽，右侧空白

我的页面右边的宽度太长。我不知道是什么使它不对称。它可能是许多“位置：相对”的，我放在它，以使事情美丽和对齐，因为我不是一个桅杆的编码做任何其他方式

在我看来是这样的：

这是我的密码：

$（函数（）{
$（“.draggable”）.draggable({
轴：“x”，安全壳：[-234,0450,0]
});
});
$（“*”，document.body）。单击（函数（事件）{
变量偏移量=$（“#圆”）.offset（）；
event.stopPropagation（）；
var conta=（offset.left-752）/3.42；
var posFinal=数学四舍五入（续）；
$（“#luc”）.text（posFinal+“%”）；
});

.draggable{
宽度：700px；
高度：0px；
保证金：0px自动；
位置：相对位置；
}
#酒吧{
宽度：350px；
高度：12px；
背景色：#ff0a00；
右边框：350px实心#00b4ff；
保证金：0px自动；
边界半径：5px；
}
#圈{
位置：相对位置；
顶部：-15px；
宽度：18px；
高度：18px；
边界半径：50%；
背景：黑色；
保证金：0px自动；
}
#不和{
位置：相对位置；
顶部：65px；
左：-386px；
字体大小：粗体；
}
#康科多{
位置：相对位置；
顶部：31.8px；
左：390px；
字体大小：粗体；
}
#组织{
位置：相对位置；
顶部：-70px；
}

佩尔冈塔1号
法律规定的权利和义务

不和谐
协和式飞机

没有足够的html和css代码来确定导致此问题的原因，但是请尝试将以下内容放入css文件中，将

溢出-x:hidden

添加到整个文档中：

html, body {
    overflow-x:hidden;
}

overflow属性指定内容溢出元素框时发生的情况。将其设置为“隐藏”将剪裁所有多余的空间并使其不可见。

---

overflow-x

将阻止您水平滚动

您正在过度使用

位置：relative

。仅在需要时少量使用。如果你不这样做，你会遇到更多的问题。我应该用什么来代替呢？