Question

弹出水平滚动条时出现问题。

我的页面设置如下：

<html>
<head></head>
<body>

<article>
</article>

</body>
</html>

我的css

article {
    width:100%;
    margin:0px auto;
    padding:25px;
}

我也在使用Yahoo's Reset CSS。问题是100％的文章给了我一个我无法摆脱的横向卷轴。我希望它能够在左右两侧留出一点空间来拉伸窗口的长度。

Answer 1

width属性设置内容的宽度，不包括填充，因此元素所需的总宽度是所有可用宽度加上2倍25px。

省略width: 100%（以便使用默认的width: auto）。

Answer 2

这对我有用，我只在Firefox中遇到同样的问题

body {
     overflow-y: auto;
     overflow-x: hidden;
}

Answer 3

100％宽度+ 25px填充= container.width + 25px。只需添加article { overflow-x:hidden }即可隐藏它。