Css 返回自动值的溢出属性

Css 返回自动值的溢出属性,css,Css,我已经应用了html,body{width:100%;overflow-x:hidden;}来隐藏溢出的html,但是它会导致滚动条看起来被写成overflow-x:auto。为什么会这样 以下是屏幕截图: 在Firefox 26.0、Google Chrome 32.0.1700.76 m版上进行测试 html,body{width: 100%; overflow: hidden;} 更新: 在div、img标记等元素上使用width,并将它们保持在100%宽度内,主体将width:10

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


以下是屏幕截图:

在Firefox 26.0、Google Chrome 32.0.1700.76 m版上进行测试

html,body{width: 100%; overflow: hidden;}
更新: 在div、img标记等元素上使用
width
,并将它们保持在100%宽度内,主体将
width:100%
并从主体中移除
溢出
标记。
如果需要,请在div标记上使用溢出。

如果您只是想删除内部垂直滚动条,可以使用以下选项:

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

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

我刚刚从
html行中删除了body,body{width:100%;overflow-x:hidden;}
,它似乎工作得很好

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

我没有在OS X上的Chrome中得到一个水平滚动条?相同-但是我得到了两个垂直条。那么,如何解决这个问题呢?我投票决定关闭,因为这里的任何人都不能复制你的问题。尝试添加更多信息-屏幕截图将非常有助于您的浏览器版本等。这将隐藏两个滚动条。这将影响垂直滚动,内容将隐藏垂直滚动,内容不会隐藏,但垂直滚动条将隐藏@praveenjeganathani如果您需要查看垂直滚动条,我会建议对所有元素使用width属性,使其保持在100%以内,并完全删除溢出属性。如果需要,只在某些div上使用它,但不要在BODY标签上使用它@C-link这解决了问题,但如果你在我的网站上尝试,当你滚动到底部时,它会闪烁。@C-link这很有趣,这种行为是由一些冲突的JS引起的吗?我想这是由内部滚动条引起的。根据我的回答,它不会闪烁,工作正常。但是只使用html怎么样?@C-link好的-很高兴你想出了一些办法。你能建议我使用它(我的答案)吗?我有点困惑,仅仅是html!