2011-10-18 10 views
5

私はこれを数回見たことがあります。人々は全体のウィンドウ/ドキュメントへのCSSプロパティを割り当てるときに、彼らは時々"html"と "body"のCSSプロパティー

html, body { 
    myCSSProperty: someValue; 
} 

は、例えば、私はhereを受け入れ答えを参照するか、this articleを参照ください。 htmlbodyの両方にCSSプロパティを割り当てる場合、私は疑問に思って

はすべてのブラウザ、純粋に心理的なもの、タグhtmlbody、または何か他の一般的な誤解や誤解のために必要なブラウザのバグを、克服することです。

CSSプロパティを割り当てる必要がある場合を具体的な例と説明とともにhtmlまたはbodyに分けることができたら嬉しいです。

+0

例えば、親要素と相対的であるため、「高さ」は両方に割り当てる必要があります。あなたはそれがビューポート全体に広がっていることを保証することができます – knittl

+0

この明白なクエリを使ってたくさんの良い情報を取得できます:http://www.google.com/search?q=html+vs+body+css –

+0

@Iburbur:興味深いことに、昨年の多くの関連する結果ではありません:http://www.google.co.uk/search?q=HTML+vs+BODY&ie=utf-8&oe=utf-8&aq=t&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は、CSSの点で<html>タグと<body>タグに関する素晴らしい情報を持っています。それの短いこの(記事の上部から採取した)である:

  • htmlbody要素は、親/子関係で、異なるブロックレベルのエンティティです。
  • html要素の高さと幅は、ブラウザウィンドウによって制御されます。
  • html要素(デフォルトではoverflow:auto)があり、必要に応じてスクロールバーが表示されます。
  • body要素は(デフォルトで)position:staticです。つまり、配置された子要素は、html要素の座標系を基準にして配置されます。 html要素上のほぼすべての最新ブラウザで
  • 、ページの端からのオフセットビルトインがbody要素にmarginを通じて適用され、ないpadding
関連する問題