回答
从您的三个主要因素width:100%
。
通过添加width: 100%
,可以强制每个元素的客户区填充浏览器。
由于元素的边框在每边添加了一个附加像素,因此最终会出现一个滚动条。
让您的内容适合窗口。
或
<body scroll="no" style="overflow: hidden">
如果窗口小于内容,该怎么办?如何滚动查看隐藏的内容? – aldux 2012-07-19 13:31:52
这是您的1px边框。您已将主要元素宽度设置为100%,然后在对象周围添加1px边框
这是我一直在CSS中发现恼人的事情,它不允许你指定像“100%-4px”这样的表达式。 – Spudley 2010-10-04 13:58:57
@Spudley其实,你可以。 'width:calc(100% - 4px);' – frederick99 2017-10-15 19:45:59
@ frederick99 - 感谢您的评论。 'calc()'在2010年我没有评论;它甚至不在管道中。今天在CSS中使用它真是一件幸事,而且我的确使用它(尽管我仍然发现我必须小心,因为它确实破坏了旧浏览器)。请注意,'box-sizing:border-box'对于原始问题可能是一个很好的解决方案,但这在当时也不是一种选择。事情已经开始了,谢天谢地。 – Spudley 2017-10-15 20:06:23
#top-wrapper
元素具有100%宽度和1px边框(左侧和右侧),总和为100%+ 2px(更多2px有可用),所以出现滚动条。推荐的解决方案(不是解决方法!)不是为要占用其各自父母的整个宽度的元素添加width:100%;
,而是让浏览器处理该问题。
浮动框是本建议的一个例外,它们需要以不同的方式处理。欲了解更多信息,你可以看看这里http://www.w3.org/TR/CSS2/box.html
希望这回答了你的问题, 阿林
在我而言,这是一个小<div>
与生产该浏览器添加水平间距(和滚动条的left: 690px
的相对位置)。
#feedbackButton {
position: relative;
height: 0;
top: -46px;
left: 790px;
}
我将其更改为float: left
问题已解决。
<body style="overflow-x: hidden;">
这就够了。您只需在身上的标签使用
overflow-x: hidden;
。
- 1. 如何摆脱水平滚动条
- 2. 如何摆脱网站中的水平滚动线
- 3. 我无法摆脱这种滚动条
- 4. 永久摆脱水平滚动
- 5. 摆脱移动设备上的水平滚动条
- 6. 如何摆脱底部的水平滚动条?
- 7. 如何摆脱tabhost中的水平滚动条?
- 8. 如何摆脱不需要的水平滚动条
- 9. 我在我的网站页面中有水平滚动条
- 10. 在我的网站上遇到水平滚动条问题
- 11. 水平滚动网站
- 12. 水平滚动网站
- 13. 如何摆脱滚动条?
- 14. 为什么我的网站上显示水平滚动条?
- 15. 为什么我的网站上有一个水平滚动条?
- 16. 摆脱Eclipse上的水平自动滚动(Windows 7)
- 17. CSS无法创建水平滚动条
- 18. 水平滚动+滚动条
- 19. 如何摆脱jQuery UI中的水平滚动
- 20. 网站的水平滚动条不能在iPhone上工作
- 21. 如何摆脱对角线全屏布局中的水平滚动条?
- 22. 网格水平滚动条(浮动)
- 23. UIScrollView无法水平滚动
- 24. 无法添加水平滚动条到我的图表
- 25. css使网站水平滚动
- 26. 方向变化后响应网站上的水平滚动条
- 27. Html Javascript网站删除手机上的水平滚动条
- 28. 当垂直滚动条可见时摆动BoxLayout水平滚动条
- 29. Mootools的水平滚动条
- 30. div的水平滚动条
默认情况下,div是块级元素将填充100%的空间,他们可以(水平),所以你永远不需要指定宽度100% – jimplode 2010-10-04 14:13:03