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

PHPz

リリース： 2023-09-06 23:53:02

転載

1195 人が閲覧しました

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

前の記事：CSS 背景原点プロパティ次の記事：SASS でエラーを検出するためにどのディレクティブが使用されますか?

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事