ホームページ  >  記事  >  ウェブフロントエンド  >  CSSとHTMLを使用してメインコンテンツのdivを画面の高さいっぱいに設定する方法

CSSとHTMLを使用してメインコンテンツのdivを画面の高さいっぱいに設定する方法

PHPz
PHPz転載
2023-09-06 23:53:021148ブラウズ

CSSとHTMLを使用してメインコンテンツのdivを画面の高さいっぱいに設定する方法

position 属性は、要素に使用される配置方法のタイプ (静的、相対、絶対、固定、またはスティッキー) を指定します。

以下の例では、高さはパーセンテージとして指定されておらず、jQuery は必要ありません

.mainbody{  
   position: absolute;//here we are setting the position of an element as absolute
   top: 30px; /* here we are defining Header Height to 30 px */
   bottom: 10px; /*here we are defining  Footer Height to 10 px */
   width: 100%;// here we are setting the width to 100%
}

以上がCSSとHTMLを使用してメインコンテンツのdivを画面の高さいっぱいに設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。