HTMLで高さを設定する方法

HTML では、height 属性を使用して高さを設定できます。要素に「高さ: 長さの値」スタイルを設定するだけで済みます。長さの値の単位は、px、cm などです。 . または、それを含む要素に基づいて設定できます。ブロック レベル オブジェクトの高さのパーセンテージの「%」。高さ属性には、パディング、境界線、またはマージンは含まれません。

このチュートリアルの動作環境: Windows7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

まず、新しい HTML ページを作成して height.html に設定し、タイトルを「html set page height」に設定します。

#HTML ページの本文に div を追加し、スタイル クラス名を class に設定します。主に、スタイルを div に追加して高さを設定します

.class に赤い境界線を設定し、背景色の緑の div を設定し、高さを 500 ピクセルに設定します

必要に応じてdiv の境界線の高さを本文と同じに設定するか、div 内のコンテンツが増加し続けるにつれて適応高さを自動的に増加させるには、div スタイルの高さを 100% に設定します。これにより、次のように増加します。ページの高さが増加します

ブラウザが css3 標準をサポートしている場合は、高さの単位を vh

# に設定できます。

##スタイル内の .class の高さを CSS3 の標準の高さ 100vh に設定します。これにより、div が高さに適応するために子要素の高さを必要としなくなります。ブラウザ ページの高さを完全に占める可能性があります

推奨される学習:

html ビデオ チュートリアル

以上がHTMLで高さを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。