Heim > Artikel > Web-Frontend > Wie man ein Div dazu bringt, den gesamten Bildschirm auszufüllen (CSS)

Wie man ein Div dazu bringt, den gesamten Bildschirm auszufüllen (CSS)

不言Original: 2018-05-09 11:41:084712Durchsuche

In diesem Artikel wird hauptsächlich die Methode (CSS) vorgestellt, mit der div den gesamten Bildschirm ausfüllen kann. Jetzt kann ich ihn mit Ihnen teilen.

Es gibt nur einen eins im Körper Wenn p, können Sie diese Methode verwenden, um p den gesamten Bildschirm ausfüllen zu lassen.

1. Positionierung für p festlegen.

　Überprüfung——

Es gibt fünf Positionsattribute in CSS:

statisch: Standardwert, Keine Positionierung

Absolut: Absolute Positionierung, relativ zum übergeordneten Element positioniert

Relativ: Relative Positionierung

Fest: Feste Positionierung, relativ zum Browserfenster positioniert

Erben: Positionierungsinformationen vom übergeordneten Element übernehmen

Zusätzlich zu den Standardwerten statisch und Zusätzlich zur Vererbung kann durch Hinzufügen der anderen drei eine Fensteranpassung erreicht werden.

Der Code lautet wie folgt:

 1 <style> 
 2         *{ 
 3             margin: 0; 
 4             padding: 0; 
 5         } 
 6         div{ 
 7             width:100%; 
 8             height: 100%; 
 9             background: yellow;
 10             position: absolute;
 11         }
 12 
 13 </style>
 14 
 15 
 16 <body>
 17 
 18 <div></div>
 19 
 20 </body>

2. Legen Sie die Breite und Höhe von HTML und Text fest, damit p den Bildschirm ausfüllt

 1 <style> 
 2         *{ 
 3             margin: 0; 
 4             padding: 0; 
 5         } 
 6         html,body{ 
 7             width: 100%; 
 8             height: 100%; 
 9         }
 10         div{
 11             width:100%;
 12             height: 100%;
 13             background: yellow;
 14         }
 15 </style>
 16 
 17 <body>
 18 <div></div>
 19 </body>

Das Obige ist der gesamte Inhalt von Dieser Artikel, weitere Informationen zu verwandten Inhalten finden Sie auf der chinesischen PHP-Website.

Das obige ist der detaillierte Inhalt vonWie man ein Div dazu bringt, den gesamten Bildschirm auszufüllen (CSS). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

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

Vorheriger Artikel：5 Möglichkeiten, mehrere Grenzen mit CSS zu implementierenNächster Artikel：5 Möglichkeiten, mehrere Grenzen mit CSS zu implementieren

In Verbindung stehende Artikel

Mehr sehen