3 replies to this topic

[alrazy1]

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

this will place a "." after the content of any element with .clearfix class applied ,
but what i dont understand is the rest proporties on what element they will be Applied on the clearfix element or on the next element in the html code ?!!!
those proporties ===>>> display: block;height: 0;clear: both;visibility: hidden;
:c-grin:?????!!!!!

[Bertan]

I never tried :after but I'm pretty sure they will be applied to the content of .clearfix:after which means only the "."

[gokuajmes]

i had replied to the other post u made on the javascript side look into that

[oldhendra]

Element with this class would stop floating effect to elements placed after it.
I think any text content: of any length will do, not only ".", but will not be part of DOM.
That is what :after is for.

The clear: style requires clearfix to be a block element but its height is not necessarily zero.