5

私が見つけた次のCSSに関していくつか質問があります： 

html, body {
    height:100%;
    min-width:100%;
    position:absolute;
}

html {
    background: none repeat scroll 0 0 #fff;
    color:#fff;
    font-family:arial,helvetica,sans-serif;
    font-size:15px;
}


  1. HTMLと本文の高さと最小幅を100％にする必要がありますか？メリットは何ですか？
  2. 絶対位置を使用する理由は何ですか？
  3. なぜ彼らは本文ではなくHTMLに背景/色/フォントを設定したのですか？違いはありますか？それとも単なる好みですか？


4

2 に答える 2

4

  1. 通常は不要です。ただし、必要になる場合がいくつかあります。たとえば、ベース/サイト全体のWebサイトのcssファイルでサイズが異なるように指定されている場合があります（側面が単なる境界線であるサイト、通常はブログですか？これらの幅はサイズが変更されています）。パーセントがある場合、それは親コンテナのものであることに注意してください。したがって、Div Aにはある可能性がありますwidth: 100%が、親コンテナにある場合、width: 500pxDiv Aには500pxの100％が含まれます。

  2. position: absolute私が考えることができるhtml+本文に理由はありません。絶対配置の1つの副作用は、要素が残りの要素と「インラインでフロート」しなくなることです（これをどのように説明/表現するかわからない）。

    たとえば、position: relative絶対位置にある要素は無視されます。したがって、画像A（絶対）と画像B（相対）があり、Bがあったleft: 10px;場合、画像Bは、Aがあった場所ではなく、親の左側からオフセットされます。うまくいけば、私はここで理にかなっています。

    そのため、背景画像がある場合は常に「position：absolute」を設定することがあります。それが最初の子である場合、すべてがその上に表示されます（新しい要素が「上に追加」され、絶対位置の要素を無視するため）。

  3. 本体はこれらのプロパティを継承するので、そうです、それは単なる好みです。

于 2012-06-12T00:30:53.413 に答える
2

要素の幅または高さを100％に設定すると、その親要素もその寸法の100％にある場合にのみ機能します。つまり、bodyタグまたはhtmlタグでさえ、何らかの理由で高さまたは幅の100％でない場合、それらのプロパティを持つ要素の高さまたは幅は0になります。

例： http： //jsfiddle.net/KZaum/

于 2012-06-12T00:28:45.823 に答える