Gefloatete Elemente ohne leeren Container clearen
Jeder, der sich etwas intensiver mit CSS beschäftigt, der weiß eigentlich, dass alle gefloateten Elemente gecleart werden müssen und in der Regel benutzt man dazu solche Konstrukte:
1 2 3 4 5 6 7 8 9 10 | <!-- Beispiel 1 --> <div style="clear:both" /> <!-- Beispiel 2 --> <div style="clear:both"></div> <!-- Beispiel 3 --> <div class="clearing"></div> <!-- usw. --> |
Wie man diese zwangsläufig entstehenden Leercontainer jedoch teilweise vermeiden kann, dass zeigt uns momentan Michael Karl in seinem Blog, doch meiner Meinung nach, ist die dort dargestellte Methode auch nur in Einzelfällen anwendbar, denn nicht immer möchte ich 2 floatende Elemente in einem zusätzlichem Parent-Div verpacken.
Trotzdem hat Michael einen sehr interessanten Ansatz aufgezeigt, der mit Sicherheit auch in dem ein oder anderen Template von mir zur Anwendung kommen wird.
