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:084793Durchsuche
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!