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
Freigeben: 2023-09-06 23:53:02
nach vorne
1165 Leute haben es durchsucht

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%
}
Nach dem Login kopieren

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!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage