Citat:
Originalno napisao robi-bobi
bio bih zahvalan ako mi neko objasni #content:after
i tacnije:
- ovo :after se odnosi na mesto posle elementa?
- content: ".";?
- sto ne radi bez njega? zbog clear?
|
:after i :before su pseudo-selektori koji kreiraju sadržaj koga originalno na stranici nema. "generated content" su ključne reči za pretragu po Netu.
Ono što staviš unutar content će biti umetnuto u dati element. ako je :after onda se umeće na kraj elementa, a :before znači da ide na početak elementa. Bitno je da shvatiš da se umetanje radi unutar elementa, ne tik pre/posle njega. Znači ta tačka će kreirati ovo: ".</div>" a ne "</div>."
Obzirom da se tačka pretvori u element blok tipa i nad time se primeni clear, onda to uradi clear svih elemenata unutar div-a. Bez toga, kada su ti sve kolone unutar containera floatovane, onda taj container ima visinu 0px.
Detaljno objašnjenje ove tehnike imaš na:
http://www.positioniseverything.net/easyclearing.html