两个垂直滚动条

时间:2014-12-19 14:49:24

标签: php html css

我目前正在使用此网站http://framec.co.uk,您可以在主页和产品页面上看到:http://www.framec.co.uk/index.php?route=product/product&path=229&product_id=1696有两个垂直滚动条。

我不知道是什么触发了这一点,但它们出现在主页和产品页面上,但不是类别页面http://www.framec.co.uk/index.php?route=product/category&path=229

我知道这通常是因为溢出:自动样式但是我已经检查了这个并且没有任何溢出:在网站上自动样式,它已全部更改为溢出:隐藏。

有谁知道如何解决两个垂直滚动条的问题?感谢

1 个答案:

答案 0 :(得分:2)

stylesheet.css转到第3行并删除overflow-y: scroll;。你永远不需要在HTML和身体上溢出,它会自动处理。

html {
    /*overflow-y: scroll;*/
    margin: 0;
    padding: 0;
}

然后在stylesheet.css中,转到第6行(如果您刚删除了一行,则转到5)并删除overflow-x: hidden;

body {
    background-color: #ffffff;
    color: #2e3a47;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    /*overflow-x: hidden;*/
    font-weight: 400;
}

这样可以解决您的问题。

更新:您不需要移除身体上的那个,但它没有做任何事情。 overflow-x是左右,而不是上下。