CSS Relativposition
- Vorherige Seite CSS Positionierungsübersicht
- Nächste Seite CSS Absolutposition
Ein Element, das relativ positioniert ist, verschiebt sich um einen bestimmten Abstand. Das Element behält seine ursprüngliche Form bei und behält den Raum bei, den es ursprünglich einnahm.
CSS Relativposition
Relativposition ist ein sehr leicht zu erlernendes Konzept. Wenn ein Element relativ positioniert wird, erscheint es an seiner Position. Dann kann man durch die Einstellung der vertikalen oder horizontalen Position dieses Elements, dass es "relativ" zu seinem Ausgangspunkt verschoben wird.
Wenn top auf 20px gesetzt wird, wird der Rahmen 20 Pixel unter dem oberen Rand des ursprünglichen Standorts platziert. Wenn left auf 30 Pixel gesetzt wird, wird 30 Pixel Platz links vom Element erstellt, was bedeutet, dass das Element nach rechts verschoben wird.
#box_relative {
position: relative;
left: 30px;
top: 20px;
}
Wie im folgenden Bild gezeigt:
Beachten Sie, dass ein Element, das relativ positioniert ist, immer noch den ursprünglichen Raum einnimmt, egal ob es verschoben wird oder nicht. Daher kann das Verschieben eines Elements dazu führen, dass es andere Kästen überdeckt.
CSS 相对定位实例
- Position: Relativposition
- Dieses Beispiel zeigt, wie man ein Element relativ zu seiner normalen Position positioniert.
- Vorherige Seite CSS Positionierungsübersicht
- Nächste Seite CSS Absolutposition
