Jak na moderní clearování bloků v CSS
Přináším zajímavý tip pro webdesignery, který byl zřejmě mnohým zatajován a dodnes se o něm valně nemluví (V době psaní článku této techniky nevyužívá ani např. Seznam.cz ). Jedná se o metodu, díky které můžete jednoduše donutit HTML elementy, aby se správně roztáhly na výšku dle svého obsahu, pokud se v nich vyskytují jiné "zafloatované" elementy. Dříve se tento nedostatek nejčastěji řešil pomocí vnořeného neviditelného divu, který měl nastavenu vlastnost " clear: both; " a který se umístil až na konec nadřazeného elementu . Struktura mohla vypadat třeba takto: < div > < div id = "float" > Tento blok je plovoucí. </ div > < div class = "clear" > </ div > </ div > Způsob, který Vám chci ukázat dnes funguje prakticky na podobném principu, jen je vše řešeno elegantněji za pomocí CSS. Ke stejné funkčnosti jako v předchozím případě Vám ale bude sta...