帶有「內置」邊距的HTML元素

在我完成使用css而不是像我最習慣和舒適的表格那樣的第一個項目時，遇到了一個奇怪的問題。顯然有一些元素有內置的邊距。換句話說，如果你設置了「margin-top：0px」，那麼元素的渲染方式與你不相同。直到我在IE7中測試這個站點時，我才注意到這個問題，這顯然不尊重這個功能。帶有「內置」邊距的HTML元素

到目前爲止，我已經注意到h *元素和ul元素有這個。有沒有人知道我在哪裏可以找到網上的其他元素有這個？我試着用很少的運氣在W3C周圍搜索。我確定它在那裏，因爲所有的現代瀏覽器正確地實現了這一點。我只是不知道在哪裏可以找到這些信息。

來源

2010-07-26 John

瀏覽器之間可能存在細微的差異，但是從CSS 2.1規範來看，這個差距必須非常接近。

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

來源

2010-07-26 23:43:38 Alohci

謝謝。其他答案也非常有幫助，但這尤其是我所期待的。 – John 2010-07-27 01:03:20

注意處理電子郵件客戶端中的'div'和'p'aragraphs ...這些差異很大。 – 2010-07-27 01:11:43

'form'在某些瀏覽器中也有不一致的處理，而'body'在老版本的Opera中用'padding'代替'margin'。 – bobince 2010-07-27 01:23:41

你可能想看看YUI的reset.css

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

來源

2010-07-26 23:19:51

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

來源

2010-07-26 23:22:26 KakambaWeb

這幾乎是每一個共同的元素，不在少數像表單字段會看傻了無邊框/填充。大多數人在任何瀏覽器中都沒有默認的頁邊距。 – bobince 2010-07-27 01:18:58

@bobince - 信任，但驗證:) – KakambaWeb 2010-07-27 11:08:59

我使用reset.css（http://meyerweb.com/eric/tools/css/reset/）和ClearFix（http://www.webtoolkit.info/css-clearfix.html）的組合爲錯誤操作包含浮動元素的div。

來源

2010-07-26 23:34:36 russjman

帶有「內置」邊距的HTML元素

回答

相關問題