火狐和谷歌浏览器的CSS不一样吗？

Question

当我测试这个时

http://www.andrewsellick.com/examples/sliding-side-bar/#

结果有漏洞并且不同。

它们不是基于同一标准吗？

- user310291

---

你把“padding”拼错成了“paddign”，使得你的CSS无效，并导致该属性被忽略。然而，这可能与差异无关。 - Matthew Flaschen

从技术上讲，它们都基于相同的标准，但它们以不同的方式出错。另外，你应该回到你以前的问题，确保你已经将好答案标记为已接受的答案，因为你似乎有一堆完全忽视的问题。 - Matti Virkkunen

Answer 1

每个浏览器都有自己的默认样式。

您应该使用“重置”样式表（这是我的样式表）来取消浏览器默认样式：

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}

ul                              { list-style-type: none; }
ol                              { list-style-type: decimal; }

caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}


html, body                      { line-height: 1; }
blockquote:before, blockquote:after, q:before, q:after         { content: ''; }
blockquote, q                   { quotes: "" ""; }


*                               { font-family: Verdana, "Trebuchet MS", sans-serif;
                                  font-size: 13px; color: #666;
                                  text-decoration: none; white-space: normal;
                                  vertical-align: baseline; }

input[text="submit"], button    { color: #000; }

- Amy B

Answer 2

HTML和CSS是根据一些条件由每个浏览器以它们认为更好的方式呈现的，这可以在不违反标准的情况下完成。

想象一下，就像两个人阅读同一段文字：即使他们都正确地阅读，他们的声音也会有所不同。

话虽如此，如果您能详细告诉我们您希望看到什么，我们将能够真正地帮助您。

- o0'.

Answer 3

你也可以使用YUI重置默认浏览器CSS：http://developer.yahoo.com/yui/reset/

话虽如此，即使是重置样式表有时也不起作用，但你可以尝试一下。它们肯定会在某种程度上减轻痛苦。

- JHollanti