A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Eine clear-Box ist ein Element mit clear:both (auch nur left oder nur right), oft eine leeres div-Element. Sie wird unterhalb eines float-Elements platziert und sorgt dafür, dass sich ein Elternelement mit float-Kindelementen bis unter diese float-Elemente ausdehnt.
Ein float-Element ist ja aus dem Fluss herausgenommen, so dass sein Elternelement die in ihm enthaltenen float-Elemente bei der Berechnung der eigenen Höhe nicht zur Kenntnis nimmt. Eine clear-Box schafft hier Abhilfe. Anwendung findet dies u.a. bei Layouts mit floatenden Säulen:



Links: Das umgebende Div endet mit dem Text, die float-Säulen finden bei der Berechnung der Höhe keine Berücksichtigung. Rechts: Die clear-Box (rot markiert) stellt einen Inhalt dar, der wegen der clear-Eigenschaft unterhalb der float-Säulen dargestellt werden muss. Der Browser muss das umgebende Div also bis unter die float-Säulen ausdehnen.


>> Allgemeine Fragen oder Probleme mit dem Lexikon-Begriff? Hier gehts zum Forum!