Question

在我完成第一个完全使用css进行布局的项目而不是像我最习惯和熟悉的表时，我遇到了一个奇怪的问题。显然有一些内置边距的元素。换句话说，如果你设置“margin-top：0px”，那么元素的渲染方式与不使用时相同。直到我在IE7中测试网站时，我才真正注意到这个问题，显然不尊重这个功能。

到目前为止，我注意到h *元素和ul元素都有这个。有谁知道我在哪里可以找到有这个在线的其他元素？我试着用很少的运气在W3C周围搜索。我确信它已存在，因为所有现代浏览器都能正确实现这一点。我只是不知道在哪里可以找到这些信息。

Answer 1

http://meyerweb.com/eric/tools/css/reset/

这是一个相当着名的css重置那里。

主要部分：

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

Answer 2

您可能需要查看YUI的reset.css

http://developer.yahoo.com/yui/reset/

Answer 3

我将reset.css（http://meyerweb.com/eric/tools/css/reset/）和ClearFix（http://www.webtoolkit.info/css-clearfix.html）的组合用于包含浮动元素的行为不当的div。

Answer 4

浏览器之间可能存在细微的差异，但是，从CSS 2.1规范来看，这一点必须非常接近。

http://www.w3.org/TR/CSS21/sample.html

具有“内置”边距的HTML元素

4 个答案: