overflow属性返回自动值

Question

我已经应用html,body{width: 100%; overflow-x: hidden;}来隐藏溢出的html，但它导致滚动条似乎已被写为overflow-x: auto;。为什么会这样？

---

这是屏幕截图：

在Firefox 26.0，Google Chrome版本32.0.1700.76 m

中测试

Answer 1

试试这个......

html,body{width: 100%; overflow: hidden;}

更新： 对div，img标签等元素使用width并将其保持在100％宽度内，正文将为width:100%并从正文中删除overflow标记。 如果需要，可以在div标签上使用溢出。

Answer 2

如果您只想删除内部垂直滚动条，请改用以下内容：

html, body {
    overflow-x: hidden;
}
body {
    overflow-y: hidden;
}

隐藏html / body元素上的水平滚动条，并在overflow-y: hidden元素上指定body以删除生成的内部垂直滚动条。这将保留html元素上的外部水平滚动条。

Answer 3

我刚从行html,body{width: 100%; overflow-x: hidden;}中移除了身体，这看起来很完美。

html{width: 100%; overflow-x: hidden;}