无法摆脱我网站上的水平滚动条

时间:2010-10-04 13:51:03

标签: html css

这是live link

我有水平滚动条,这没有多大意义。有谁知道怎么摆脱它?

7 个答案:

答案 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;
}

希望它能起作用!