Css Google Chrome中的屏幕滚动（溢出不工作）

我试图在此处停止水平滚动：

但是，如果您检查css overflow-x:hidden是否附加到css中的html和body，则没有任何效果。它在Chrome或Safari中不起作用。

为#wrapper元素在css中添加“position:relative”，如下所示：

#wrapper {
    margin: 0 auto;
    width: 1200px;
    text-align: left;
    background: #000;
    overflow: hidden;
    position: relative;
}

---

我看的时候没有看到任何水平滚动。它被切断了，虽然这是溢出隐藏应该做的。