Wie wird die Klasse .clearfix verwendet?
Ich glaube, ich verstehe das Konzept der .clearfix -Klasse falsch. Vielleicht kann mir jemand helfen.
Ich suche nach einer Möglichkeit, float und clear zu verwenden, ohne mein Markup zu verpfuschen. Also dachte ich, das ist, wo .clearfix verwendet werden kann.
In einem leeren H5BP-Projekt sieht mein Markup folgendermaßen aus:
%Vor%Unterhalb des Ergebnisses. Ich hatte allerdings ein Tic-Tac-Toe-Field erwartet. Kann mir jemand sagen:
- Wie ich mein Ziel erreichen kann und
- Wofür kann die
.clearfix-Klasse wirklich verwendet werden?
3 Antworten
Die Klasse clearfix wird für einen Container verwendet, in dem alle untergeordneten Elemente floaten. Wenn Sie dies nicht verwenden würden, würde der Container keine Höhe erhalten (außer IE). Ссылка
Was Sie suchen, ist kein clearfix , sondern nur ein clear . Du könntest eine Klasse erstellen .clear { clear: both;}
und wenden Sie dieses anstelle des clearfix an, das Sie jetzt verwenden.
Wenn Sie mehr über clearfix erfahren möchten, gibt es eine Menge Informationen:
Was? ist ein Clearfix?
Ich habe ein kleines Beispiel für die Verwendung von clearfix und clear eingerichtet: Ссылка
Sie müssen den Clearfix deklarieren, verwenden Sie also im Tag (oder in der CSS-Datei):
%Vor%Was es tut, wenn Sie eine Gleitkommazahl haben und hinterher ein Clearfix einfügen, geht das nächste Element unter.
Tags und Links css html5 html5boilerplate boilerplate