Wie machen ein leeres DIV erweitern

DIV-Container sind Webseiten-Elemente, die Sie verwenden können, um zu gestalten, positionieren und zwischen "< DIV >" öffnen und Schließen des Containers enthaltenen Inhalte anderweitig zu manipulieren "< / DIV >" Markierungen. Sie können DIV Container selbst mit einer Vielzahl von CSS-Eigenschaften, Stil, weshalb Sie in der Regel verwenden, um das Seitenlayout für viele Websites zu erstellen. Haben Sie ein leeres DIV-Container, das Sie vertikal zu erweitern oder horizontal um den verfügbaren Bereich um ihn herum füllen möchten, können Sie die CSS-Eigenschaften "Width" und "Height". Dies kann nützlich sein, wenn ein DIV mit Hintergrundbild angezeigt.

Anweisungen

1 Öffnen Sie Ihre Webseite-Dokument in einem HTML- oder Text-Editor. Zum Öffnen des Dokuments in das native Windows Text-Editor mit der rechten Maustaste der Datei, und klicken Sie dann "Öffnen mit". "Notepad" in der Anwendungsliste klicken Sie auf "OK".

2 Klicken Sie, setzen den Cursor an die Stelle im Dokument Webseite die DIV-Container angezeigt werden soll.

3 Typ "< DIV Style =" Width: 100 %; Höhe: 100 %; " >< / DIV > "ein leeres DIV-Container mit der CSS"Breite"-Eigenschaft auf"100 %"und die"Höhe"-Eigenschaft auf"100 %"zu erstellen. Diese Einstellung bewirkt, dass die leere DIV-Container zu erweitern, um den verfügbaren Platz um ihn zu füllen. Wenn Sie die DIV-Container innerhalb des öffnenden und schließende Tags von einem anderen DIV-Container, füllt das DIV den Raum durch die äußeren DIV-Container definiert.

4 Ersetzen "100" Width oder Height Text-Wert in der vorherigen Schritt mit einem unterschiedlichen Prozentsatz zu verursachen, die leere DIV-Container zu erweitern, um einen kleineren Teil des verfügbaren Speicherplatzes um ihn zu füllen. Ersetzen Sie das "100 %" mit einer Zahl und "px", um die DIV-Container eine bestimmte Anzahl von Pixeln zu erweitern. Geben Sie beispielsweise, um die leere DIV-Container auf einer Breite von 400 Pixel und eine Höhe von 200 Pixel zu erweitern, "< DIV Style =" Width: 400px; Höhe: 200px; " >< / DIV > ".

5 Klicken Sie im Menü "Datei" und dann auf "Save" zum Speichern des Dokuments Webseite.