我有水平滚动条,这没有多大意义。有谁知道怎么摆脱它?
答案 0 :(得分:21)
从您的三个主要元素中删除width:100%
。
通过添加width: 100%
,您可以强制每个元素的客户区填充浏览器
由于元素的边框在每一侧都添加了一个额外的像素,因此您最终会得到一个滚动条。
答案 1 :(得分:3)
让您的内容适合窗口。
或
<body scroll="no" style="overflow: hidden">
答案 2 :(得分:3)
这是你的1px边框。您已将主要元素宽度设置为100%,然后在对象周围添加1px边框
答案 3 :(得分:2)
#top-wrapper
元素具有100%宽度和1px边框(左和右),总和为100%+ 2px(比可用的多2个像素),因此会出现滚动条。建议的解决方案(不是解决方法!)不是为要占据各自父项的整个宽度的元素添加width:100%;
,而是让浏览器负责处理。
浮动框是此建议的一个例外,需要以不同方式处理它们。有关详细信息,请查看此处http://www.w3.org/TR/CSS2/box.html
希望这能回答你的问题, 阿林
答案 4 :(得分:1)
在我的情况下,它是一个较小的<div>
,其相对位置为left: 690px
,使浏览器添加水平间距(和滚动条)。
#feedbackButton {
position: relative;
height: 0;
top: -46px;
left: 790px;
}
我将其更改为float: left
,问题已解决。
答案 5 :(得分:0)
<body style="overflow-x: hidden;">
这就够了。你可以使用
overflow-x: hidden;
。
答案 6 :(得分:0)
最适合我的是
body {
overflow-y:hidden;
}
希望它能起作用!