CSS In Float-basierten Spalten löschen?

Question

Ich schwebe eine Sidebar auf der linken Seite des Hauptinhaltsfeldes. Dann habe ich eine Reihe von Feldern, die schweben und gelöscht werden, um eine Art Gitter zu erzeugen (es ist eine "Mein Konto" -Seite, mit verschiedenen Feldern, die Dinge wie Aufträge enthalten, Details bearbeiten usw.). Das Problem ist, dass die Boxen innerhalb des Inhalts-Div gegen die Sidebar räumen, im Gegensatz zu nur den anderen Boxen in diesem Div. Es gibt einen Link auf ein Bild unten, wenn diese Erklärung war verwirrend:

Hat jemand über diese kommen vor, und wenn ja, wissen Sie, ein Update für das? Ich gehe wahrscheinlich in die falsche Richtung, aber ich habe CSS fast ausschließlich aus Versuch und Irrtum gelernt, so dass mein Wissen über die Theorie davon höchstwahrscheinlich mangelhaft ist.

Answer 1

Wenn das Inhaltsfenster nicht schwebt, werden alle Elemente im Inneren den Seitenleistenschwimmer löschen. Eine einfache Lösung wäre das Floaten des Inhaltsbereichs. Da Sie html/css nicht veröffentlicht haben, ist es jedoch schwierig, das Problem wirklich zu sehen und Vorschläge zu machen, wenn Sie das Inhaltsfenster nicht verschieben möchten.

Before

After

Answer 2

Ich glaube, Sie selektiv die Schwimmer wollen würde auf der einen Seite löschen, wie clear: right; oder clear: left;

Ich habe nicht in diesem Thema laufen aber so bin ich nicht sicher.

Answer 3

Sie könnten versuchen, Anzeige: Inline-Block. Aber es ist ein neues Feature, das nicht gut unterstützt wird. CSS ist ein Hund, ich ändere einfach meine Designs, um mit dem zu tun, was es kann.

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

Oder verwenden Sie nur Tabellen. Tabellen funktionieren einfach.