Heim >Web-Frontend >CSS-Tutorial >Wie man mithilfe von CSS und HTML dafür sorgt, dass das Hauptinhalts-Div die Bildschirmhöhe ausfüllt

Wie man mithilfe von CSS und HTML dafür sorgt, dass das Hauptinhalts-Div die Bildschirmhöhe ausfüllt

PHPz
PHPznach vorne
2023-09-06 23:53:021209Durchsuche

Das Attribut

Wie man mithilfe von CSS und HTML dafür sorgt, dass das Hauptinhalts-Div die Bildschirmhöhe ausfüllt

position gibt die Art der Positionierungsmethode an, die für das Element verwendet wird (statisch, relativ, absolut, fest oder klebrig).

Im unten angegebenen Beispiel wird die Höhe nicht als Prozentsatz angegeben und jQuery ist nicht erforderlich

.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%
}

Das obige ist der detaillierte Inhalt vonWie man mithilfe von CSS und HTML dafür sorgt, dass das Hauptinhalts-Div die Bildschirmhöhe ausfüllt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen