css - 水平滚动条 CSS

Question

我遇到了一个问题，在此之前我从未遇到过这个问题，但我无法弄清楚这个问题。

我使用设置为 100% 宽度的包装器构建我的网站；和一个设置为 960px 的容器，边距为“0 auto”以使容器居中。

大多数时候(和这个一样)我有一个页眉包装器/容器、主要内容包装器/容器和页脚包装器/容器。

此外，我的 body 设置为 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 错误通常很容易解决，但我对此一无所知。至于其他包装器，正如我提到的，它们都设置为:

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

有什么想法吗？这让我发疯!

Answer 1

请先尝试重置您的 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;}

您需要先重置样式，然后才能解决此类错误。然后就轻而易举了...