display: block;

[Der Martin]

Hallo,

<div class="block1 clear"></div>

<div class="block2 clear"></div>
<div class="block2 clear"></div>

  

> ~~~css

.clear:after {  

>     clear: both;  
>     content: ".";  
>     display: block;  
>     visibility: hidden;  
> }

ohne display:block funktioniert es, mit display block, wird ein viel zu grosses DIV (Block) angezeigt.

dann ist der Code, den du gezeigt hast, noch lange nicht alles, was da eine Rolle spielt. Denn display:block ist der Defaultwert für ein div-Element; diesen Wert explizit nochmal zuzuweisen, dürfte also nichts bewirken. Es sei denn ... ja, es sei denn, da wirken noch einige andere CSS-Angaben mit.

Ciao,
 Martin