Warum funktioniert Overflow:hidden nicht bei absolut positionierten verschachtelten DIVs, es sei denn, das übergeordnete Element ist relativ positioniert?

Absolute Positionierung und verstecktes Überlauf-Rätsel

Beim Umgang mit verschachtelten DIVs kann es schwierig sein, versteckte Überlaufeigenschaften auf dem äußeren DIV zu erzwingen, wenn es ist nicht absolut positioniert. Dies kann dazu führen, dass das innere DIV absolut positioniert ist und das Verhalten des versteckten Überlaufs außer Acht lässt.

Beachten Sie die folgende HTML-Struktur:

<div>

Wobei #first eine Eigenschaft des versteckten Überlaufs hat und # Sekunde ist absolut positioniert. In diesem Szenario wird #second die versteckte Überlaufbeschränkung nicht berücksichtigen.

Um dieses Problem zu beheben, ohne #first auf die absolute Position festzulegen, ziehen Sie die folgende Lösung in Betracht:

1. Position #erster als relativ:

   #first {
     position: relative;
   }

2. #zweiter positioniert halten absolut:

   #second {
     position: absolute;
   }

Mit dieser Konfiguration hält sich #second nun an die Overflow-Hidden-Eigenschaft von #first. Dadurch können Sie das gewünschte Layout beibehalten und gleichzeitig sicherstellen, dass der innere DIV die Überlaufbeschränkungen berücksichtigt.

Das obige ist der detaillierte Inhalt vonWarum funktioniert Overflow:hidden nicht bei absolut positionierten verschachtelten DIVs, es sei denn, das übergeordnete Element ist relativ positioniert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!