2011-10-18 91 views
5

現在我已經看到了很多次。當人們想要分配CSS屬性整個窗口/文件,他們有時做將CSS屬性同時添加到「html」和「body」

html, body { 
    myCSSProperty: someValue; 
} 

例如,見我接受here答案,或見this article

我如果指定的CSS屬性既htmlbody知道是克服瀏覽器的bug,對於所有瀏覽器,一個純粹的心理的東西,標籤htmlbody,還是其他什麼東西的一種常見的誤解或誤會要求。

如果有人能夠爲我揭開神祕面紗,將CSS屬性需要分配給htmlbody或兩者的情況與具體的例子和解釋分開,我會很高興。

+0

例如'height'需要分配給兩者,因爲它相對於它的父元素。這樣你就可以確保它延伸到整個視口 – knittl

+0

使用這個明顯的查詢可以獲取很多很好的信息:http://www.google.com/search?q=html+vs+body+css –

+0

@Iwburk:有趣的是,去年的相關結果並不多:http://www.google.co.uk/search?q=HTML+vs+BODY&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en- GB:官方&客戶=火狐-A#q = HTML + VS + BODY&HL = EN&客戶=火狐-A&HS = U2B&TBO = 1&RLS = org.mozilla:EN-GB:官方&輸出=搜索和源= LNT&TBS = QDR:Y&SA = X&EI = suKdTrKTG82aOo3uwfgI&VED = 0CAsQpwUoBQ&BAV = on.2,or.r_gc.r_pw.r_cp。,cf.osb&fp = 6266eee4fc2b1327&biw = 1271&bih = 652您的搜索中的文章非常古老,討論諸如滾動條顏色屬性等內容。 – Randomblue

回答

1

This article有關於<html><body>關於CSS的標籤的好信息。它的短是本(從製品的頂部取出):

  • htmlbody和元素是不同的塊級實體,在父/子關係。
  • html元素的高度和寬度由瀏覽器窗口控制。
  • 它是html元素,它具有(默認情況下)overflow:auto,導致滾動條在需要時顯示。
  • body元素是(默認情況下)position:static,這意味着它的定位子元素相對於元素的座標系定位。
  • 在幾乎所有現代瀏覽器,內置的從頁面邊緣的偏移通過marginbody元件上的html元素上應用,padding