0

このサイト (および他のサイト) で多くの調査を行いましたが、問題を解決できません… この Web サイト : http://vintagebike.fr/t%C3%A9t%C3%A9/ビューポートの高さの 100%… min-height に設定: それぞれの 100%… html、body を高さ: 100% に設定

いくつかのコード:

html{ overflow-y:scroll; font-size:100%; font-family:Arial,Helvetica,sans-serif; line-height:1.5; background:url(...) repeat top left; font-color:#353232; height:100%;}



body{ height:100%; background:#fff; float:left; width:100%; font-size:.8125em; color:#353232;}

#about{background-color: #cde2f3;position:relative;min-height:100%;}
#elements{background-color: #fbe2e4;position:relative;min-height:100%;}
#pourqui{background-color: #ffedc1;position:relative;min-height:100%;}
#contact{background-color: #ddeee4;position:relative;min-height:100%;}

高さをピクセル単位で設定するとうまくいきます…</p>

よくわかりません…</p>

前もって感謝します。

(私の英語でごめんなさい)

4

1 に答える 1

0

高さのパーセンテージの仕様を読んでください。ビューポートとは関係ありません。があるのでbody {height:100%}、BODY が大きくなると、ビューポートではなく、100% を表すために使用される要素になります。

ブラウザのビューポート サイズに基づいて、JavaScript を使用してセクションの高さを設定する必要があります。

ボンチャンス。

高さのパーセンテージを指定します。パーセンテージは、生成されたボックスの包含ブロックの高さに関して計算されます。包含ブロックの高さが明示的に指定されておらず (つまり、コンテンツの高さに依存する)、この要素が絶対配置されていない場合、値は「auto」と計算されます。ルート要素の高さのパーセンテージは、最初の包含ブロックに対して相対的です。注: 包含ブロックがブロック レベル要素に基づいている絶対配置要素の場合、パーセンテージはその要素のパディング ボックスの高さに対して計算されます。これは、パーセンテージが常に親要素のコンテンツ ボックスに対して計算されていた CSS1 からの変更です。

于 2013-02-06T21:40:37.587 に答える