So löschen Sie die Position

Verwenden Sie das Positionsattribut auf statisch, das Positionsattribut auf inherit, das Positionsattribut auf unset, das Positionsattribut auf initial, das Positionsattribut auf revert und das Positionsattribut auf unset! Wichtig, um die Position zu löschen.

Das Betriebssystem dieses Tutorials: Windows 10-System, DELL G3-Computer.

CSS (Cascading Style Sheets) ist eine Auszeichnungssprache, mit der das Layout und der Stil von Webseiten definiert werden. In CSS wird die Positionseigenschaft verwendet, um festzulegen, wie ein Element positioniert wird. Zu den gängigen Positionierungsmethoden gehören statische, relative, absolute und feste Positionierungsmethoden. In einigen Fällen müssen wir möglicherweise die Art und Weise klären, wie ein Element positioniert ist, damit es dem normalen Fluss folgt. In diesem Artikel werden verschiedene Methoden zum Löschen der Position vorgestellt.

1. Verwenden Sie das Positionsattribut, um es auf statisch zu setzen.

Der Standardwert des Positionsattributs ist statisch, wodurch das Layout der Elemente dem normalen Fluss entspricht. Wenn wir die Positionierung eines Elements klären möchten, müssen wir lediglich das Positionsattribut auf „statisch“ setzen. Beispiel:

.element {
position: static;
}

2. Verwenden Sie das Positionsattribut, um es auf „Erben“ festzulegen

Das Schlüsselwort „inherit“ wird verwendet, um den Attributwert des übergeordneten Elements zu erben. Wenn der Positionsattributwert des übergeordneten Elements statisch ist, ist auch der Positionsattributwert des untergeordneten Elements statisch, wodurch die Positionierungsmethode des untergeordneten Elements gelöscht wird. Beispiel:

.parent {
position: static;
}
.child {
position: inherit;
}

3. Verwenden Sie das Positionsattribut, um es auf unset zu setzen. Das Schlüsselwort unset wird verwendet, um alle Attributwerte des Elements auf ihre Standardwerte zurückzusetzen. Wenn wir die Positionseigenschaft auf unset setzen, wird die Positionierungsmethode des Elements gelöscht. Beispiel:

.element {
position: unset;
}

4. Verwenden Sie das Positionsattribut, um es auf initial zu setzen. Das Schlüsselwort initial wird verwendet, um den Attributwert des Elements auf seinen Anfangswert zurückzusetzen. Für das Positionsattribut ist der Anfangswert statisch. Wenn wir also die Positionseigenschaft auf „initial“ setzen, wird die Art und Weise, wie das Element positioniert ist, gelöscht. Beispiel:

.element {
position: initial;
}

5. Verwenden Sie das Positionsattribut, um es auf „revert“ festzulegen. Das Schlüsselwort „revert“ wird verwendet, um den Attributwert des Elements auf den Browser-Standardwert zurückzusetzen. Wenn wir die Positionseigenschaft auf „revert“ setzen, wird die Positionierungsmethode des Elements gelöscht. Zum Beispiel:

.element {
position: revert;
}

6. Verwenden Sie das Positionsattribut, um es auf „unset!important“ zu setzen. In einigen Fällen müssen Sie möglicherweise das Schlüsselwort !important verwenden, um die Anwendung von Stilen zu erzwingen. Wenn wir die Positionseigenschaft auf unset!important setzen, wird die Positionierungsmethode des Elements gelöscht und dieser Stil hat die höchste Priorität. Zum Beispiel:

.element {
position: unset!important;
}

Zusammenfassung:

Die oben genannten Möglichkeiten sind mehrere Möglichkeiten, die Positionierung von Elementen zu löschen. Wählen Sie die geeignete Methode zum Löschen des Positionsattributs entsprechend den spezifischen Anforderungen aus, damit die Elemente gemäß dem normalen Fluss angeordnet werden können. Gleichzeitig müssen Sie darauf achten, das Schlüsselwort !important nicht zu missbrauchen, um Stilkonflikte und Wartungsschwierigkeiten zu vermeiden. .

Das obige ist der detaillierte Inhalt vonSo löschen Sie die Position. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!