css - Google Chrome 中的屏幕滚动(溢出不起作用)

Question

我想在这里停止水平滚动:http://imaginationmuzic.com/

但无济于事，如果您检查 css overflow-x: hidden 是否附加到 CSS 中的 html 和 body。它在 Chrome 或 Safari 中不起作用。

Answer 1

将“position: relative”添加到您的 #wrapper 元素的 css 中，如下所示:

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