Die am häufigsten verwendeten Layouteigenschaften in CSS sind Float (ausführliche Erläuterung der CSS-Float-Eigenschaft Float) und die andere ist die CSS-Positionierungseigenschaft Position.
1.Position:statisch
Die Standardpositionierung aller Elemente ist: position:static, was bedeutet, dass das Element nicht positioniert ist und dort erscheint, wo es im Dokument sein sollte.
Im Allgemeinen müssen Sie position:static nicht angeben, es sei denn, Sie möchten die zuvor festgelegte Positionierung überschreiben.
#div-1 {
Position:statisch;
}
2. Position:relativ
Wenn Sie position:relative festlegen, können Sie oben, unten, links und rechts verwenden, um das Element relativ zu der Stelle zu verschieben, an der es im Dokument erscheinen soll. [Das bedeutet, dass das Element tatsächlich noch seine ursprüngliche Position im Dokument einnimmt, aber relativ zu seiner ursprünglichen Position im Dokument optisch verschoben wird]
#div-1 {
Position:relativ;
oben:20px;
links:-40px;
}
3. Position: absolut
Wenn position:absolute angegeben ist, befindet sich das Element außerhalb des Dokuments (d. h. es nimmt keine Position mehr im Dokument ein) und kann gemäß den Einstellungen oben, unten, links und rechts genau positioniert werden.
#div-1a {
Position:absolut;
oben:0;
rechts:0;
Breite:200px;
}