Warum werden schwebende Divs auch mit Overflow:hidden vertikal gestapelt?

Horizontale Ausrichtung von schwebenden Divs

In Fällen, in denen Divs innerhalb eines Containers mit „overflow: versteckt“ schwebend sind, können sie vertikal gestapelt werden, selbst wenn horizontal ist ausreichend Platz vorhanden. Um sicherzustellen, dass sie richtig ausgerichtet sind, ziehen Sie die folgende Lösung in Betracht:

Lösung:

Erstellen Sie im Container ein inneres Div mit einer größeren Breite, die ausreicht, um alle schwebenden Elemente aufzunehmen Divs.

#container {
  width: 200px;
  overflow: hidden;
}

#inner {
  width: 2000px;
  overflow: hidden;
}

.child {
  float: left;
  width: 50px;
  height: 50px;
}

<div>

Durch die Bereitstellung ausreichender Breite im inneren Div werden die schwebenden Divs wie vorgesehen horizontal im Container ausgerichtet.

Das obige ist der detaillierte Inhalt vonWarum werden schwebende Divs auch mit Overflow:hidden vertikal gestapelt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!