Autor Zpráva
Urna_007
Profil
Zdravím,
rád bych poprosil o radu. Mám kód viz. příklad: codepen.io/anon/pen/mKbLNE

Pokud nechám css kód takto. Tak obalový prvek. V tomto případě <ul> má nulovou výšku. Pokud přidám funkce overflow: hidden (či auto), tak se už výška vypočítá správně.

Dělám někde chybu. Nebo to bez overflow nejde?

Děkuji.
Kcko
Profil
Urna_007:
Jde. Můžeš floatovat taky UL.
Nebo můžeš nastavit ul:after nějaký čistič,

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

Je to klasické chování floatovaných elementů, musí se "vyčistit".
Tomáš123
Profil
Urna_007:
Len doplním, že clear overflowom nie je treba nahradzovať, je to jedným s lepšie podporovaných variánt (v prípade ul ideálna možnosť). Viď tiež: Obtékání v CSS » Clearování.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: