Wie Raum DIV-Container

March 11

Div-Tags sind HTML-Elemente durch das Tag "< Div >" erstellt, und diese Tags getrennte Abschnitten von Inhalten auf Webseiten erstellen. Komplizierte Seitenlayouts erfordern viele Divs, einschließlich div-Tags, die in anderen Divs verschachteln. Web-Entwickler-Aufruf, dass die Divs, die wrap-around-andere "Container" oder "Wrapper", und viele Layouts ein Div verwenden umfließt, die die gesamte Seite für eine bessere Kontrolle. Sie können diese Container mit CSS (Cascading Style Sheet) Code Raum. Legen Sie Schwimmern und Rändern ausrichten Divs und Raum sie voneinander entfernt.

Anweisungen

1 Öffnen Sie die Webseite in Notepad oder einem Codeeditor. Suchen Sie Ihre Div-Container:

< Div Id = "Left" >

Inhalt der "Linken" div

< / Div >

< Div Id = "Right" >

Inhalt von "Rechts" div

< / Div >

Finden Sie den ID-Namen jedes Div Raum möchten, und nennen Sie die ID zu jedem Div, die noch nicht vorhanden ist.

2 Suchen Sie "< Stil >"-Tags zwischen den "< Head >"-Tags Ihrer Web-Seite, und fügen Sie sie, wenn Sie nichts finden:

< Typ style = "Text/Css" >

< / style >

3 Style-Regeln zwischen den "< Stil >" Tags zu schreiben. Wählen Sie jedes Div ID Namen vorangestellt ein Hash-Symbol:

linken {} }

richtige {} }

4 Divs-nebeneinander mit der Eigenschaft "schweben", ggf. Zeile:

linken {} Float: left;

}

richtige {} Float: right;

}

5 Legen Sie die Eigenschaft "Spanne" in jeder Stilregel am Rande der Ihre Divs ändern. Verwenden Sie die Kurzform "Spanne" Eigenschaft oder jeder Rand separat einstellen können:

linken {} Rand Links: 20px;

}

richtige {} Margin: 20px;

}

Im obigen Beispiel ruft das "linke" Div einen Rand von 20-Pixel auf der linken Seite, nur während das "richtige" Div einen Rand von 20-Pixel auf allen vier Seiten ruft.

Tipps & Warnungen

  • Vermeiden Sie erneut mit ID-Namen im HTML-Code. Machen Sie jede ID-Name, einzigartig und leicht zu merken.
  • Sichern Sie Ihre Webseite vor seinen Code bearbeiten.