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!