Wie man ein Div dazu bringt, den gesamten Bildschirm auszufüllen (CSS)-CSS-Tutorial-php.cn

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

不言

Freigeben： 2018-05-09 11:41:08

Original

4835 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!