Wie man ein DIV erweitern

Ein DIV ist ein Behälter zum Positionieren und Bearbeiten von Elementen einer Webseite. DIV-Container sind typischerweise das Layout einer Website erstellen von trennenden Seiten in separate Bereiche. Sie können das Verhalten und den Stil eines DIV-Containers bearbeiten, indem Sie das Starttag DIV CSS hinzufügen. Beispielsweise machen einen DIV-Container erweitern Sie basierend auf den Inhalt Sie darin enthaltenen durch Festlegen der Eigenschaften Width und Height auf die Einstellung "Auto" oder durch eine minimale Höhe oder Breite mit CSS festlegen.

Anweisungen

1 Öffnen Sie eine Web-Seite-Datei, indem mit der rechten Maustaste darauf und dann auf "Öffnen mit". Aktivieren Sie "Notepad" oder "WordPad". Klicken Sie auf "OK".

2 Hier klicken, um den Cursor zwischen die "< BODY >" setzen und "< / BODY >" Markierungen.

3 Typ "< DIV Style =" Width: Auto; Höhe: Auto; " >< / DIV > "auf eine leere Zeile, und drücken"Enter." Diese Codezeile erstellt < DIV > Container mit "Breite" und "Höhe" Eigenschaften festgelegt auf "auto." Die Eigenschaft "Auto" bedeutet, dass das div-Tag erweitert wird, wenn alle Inhalte innerhalb des DIV-Containers platziert wird. Festlegen der Eigenschaften Width und Height direkt im DIV-Tag überschreibt alle Einstellungen, die an anderer Stelle auf Ihrer Website, auch im externen Stylesheet gemacht (. CSS)-Dateien.

4 Typ "< DIV Style =" min-Width: 300px; min-Height: 100px; " >< / DIV > "und drücken Sie"Enter"um ein DIV-Container mit einer Mindestbreite von 300 Pixel und eine Mindesthöhe Einstellung von 100 Pixel zu erstellen. Festlegen eines Werts für "min-Width" und "min-Height" ermöglicht die DIV-Container mit Inhalt platziert darin zu erweitern, aber es hält eine Mindestgröße, wenn kein Inhalt vorhanden ist, um den Container zu erweitern. Ersetzen Sie die "300" und "100" Pixelwerte mit Ihrer eigenen Breite und Höhenwerte nach Bedarf.

5 Klicken Sie auf das Menü "Datei" gefolgt von "Speichern", um die Webseite speichern.