水平滚动条CSS

水平滚动条CSS,css,Css,我有一个问题,我从来没有过,直到这个网站,我不能找出问题 我用100%宽度的包装器建立我的网站;以及一个设置为960像素、边距为“0自动”的容器,以使容器居中 大多数情况下(和这一次一样),我有一个页眉包装器/容器、主内容包装器/容器和页脚包装器/容器 此外,我的身体设置为100%宽度和高度 问题是我的页眉包装器导致出现一个非常小的滚动,当我向右滚动查看时,页面的整个右侧似乎有20像素的边距 我似乎不明白Chrome的问题,只是IE和Firefox 我的CSS在开始时被清除: body, div

我有一个问题,我从来没有过,直到这个网站,我不能找出问题

我用100%宽度的包装器建立我的网站;以及一个设置为960像素、边距为“0自动”的容器,以使容器居中

大多数情况下(和这一次一样),我有一个页眉包装器/容器、主内容包装器/容器和页脚包装器/容器

此外,我的身体设置为100%宽度和高度

问题是我的页眉包装器导致出现一个非常小的滚动,当我向右滚动查看时,页面的整个右侧似乎有20像素的边距

我似乎不明白Chrome的问题,只是IE和Firefox

我的CSS在开始时被清除:

body, div, dl, dt, dd, ul, ol, li,
 h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
 margin: 0;
 padding: 0;
}
我的主体风格设置为:

body {
float: left;
font-family: 'Verdana', 'Arial';
background: #E3E3E3;
width: 100% ;
height: 100%;
color: #5B5B5B;
}
我有点不好意思问这个问题,因为CSS bug通常很容易解决,但我对此一无所知。至于其他包装,正如我提到的,它们都设置为:

wrapper { float: left; width: 100%; height: 100%;}
content {width: 960px; margin: 0 auto; }

有什么想法吗?这快把我逼疯了

首先尝试重置css。这是我用来开始我的主样式表的:

* {margin:0;padding:0;outline:0;border:0;
-webkit-font-smoothing: subpixel-antialiased !important; text-rendering:optimizeLegibility;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q,
samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th,
td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

您需要先重置样式,然后才能排除此类错误。然后它是一个微风…

由于导致滚动条的空间是空的,您可以强制该部分永远不显示带有--


然后你可以继续这个项目&如果你愿意的话,稍后再来看看是什么导致了它。

如果你也可以发布html,如果你也可以复制这个问题,这将使帮助更容易。我知道这不是一个很好的问题,我只是不想塞进大量的代码。老实说,我不确定任何HTML会有多大帮助,我所有的样式都在css中。请尝试使用
*{margin:0;padding:0;}
?另外,您可以发布一个HTML线框吗?不需要所有的内容,只需要总体布局。大家好,谢谢,这是一个显示右边距问题的快速示例。谢谢,使用
*
来定位所有这些属性是一个非常糟糕的主意。例如,如果您从表单元素中删除了边框,您将无法在以后的CSS.Hi joe中为它们重新创建默认样式,它将在开始时重置。不是使用a*,而是在开始时将所有边距和填充设置为零。谢谢我通常对
*{padding:0;margin:0;}
很满意,而且它对性能的影响不会超过5毫秒。嗨,福雷斯,是的,我知道我可以做到(我已经做到了),但我现在需要对它进行排序。不过谢谢你的建议:)
overflow: hidden;