5 Stimmen

CSS Clear in float-basierten Spalten?

Ich habe eine Seitenleiste links vom Hauptinhaltsbereich eingefügt. Dann innerhalb dieses Panels habe ich eine Reihe von Boxen, die schwebte und gelöscht werden, um eine Art Raster zu erstellen (es ist eine "mein Konto" Seite, mit verschiedenen Boxen, die Dinge wie Bestellungen, bearbeiten Details usw.). Das Problem ist, dass die Boxen innerhalb der Content-Div gegen die Seitenleiste zu löschen, im Gegensatz zu nur die anderen Boxen in diesem div. Es ist ein Link zu einem Bild unten, wenn diese Erklärung war verwirrend:

enter image description here

Ist jemandem dieses Problem schon einmal begegnet, und wenn ja, kennen Sie eine Lösung dafür? Ich bin wahrscheinlich gehen über diese der falsche Weg, aber ich lernte CSS fast vollständig von Versuch und Irrtum, so dass mein Wissen über die Theorie der es höchstwahrscheinlich kläglich fehlt.

3voto

meder omuraliev Punkte 177513

Wenn das Inhaltsfeld nicht schwebend ist, werden alle darin befindlichen Elemente den Schwebezustand der Seitenleiste aufheben. Eine einfache Lösung wäre, das Inhaltsfeld zu verschieben. Da Sie nicht html/css gepostet haben, ist es schwer, wirklich das Problem zu sehen, obwohl, und bieten alle Vorschläge für, wenn Sie nicht wollen, um den Inhalt-Panel schweben.

Vor

Nach

0voto

Josh K Punkte 27354

Ich glaube, dass Sie die Schwimmer auf einer Seite selektiv löschen wollen, wie clear: right; o clear: left;

Ich bin allerdings noch nicht auf dieses Problem gestoßen, daher bin ich mir nicht sicher.

-2voto

Tuntable Punkte 2760

Sie könnten es mit display:inline-block versuchen. Aber das ist eine neue Funktion, die nicht so gut unterstützt wird. CSS ist ein Hund, ich ändere meine Entwürfe einfach so, dass sie zu dem passen, was es tun kann.

https://learn.shayhowe.com/html-css/positioning-content/

Oder Sie verwenden einfach Tabellen. Tabellen funktionieren einfach.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X