Dotaz: html float problém

[Dikec]

Zdarec ve spolek, sorry předem za beginnerský dotaz (nejsem koder). Poradí mi nějaký místní css guru proč červený div (c) není v řádce se zeleným (a)? Díky Dikec

http://dpaste.com/0RFY7TZ

---

---

Odpovědi

[Filip Jirsák]

Protože plovoucí elementy se umisťují v pořadí, v jakém jsou v HTML, a teprve z daného místa „odplavou“. Vy máte celkovou šířku 1000 px, vložíte zelený obdélník široký 600 px. Za něj chcete dát modrý obdélník široký 600 px, ten už se do celkové šířky nevejde, takže se musí zalomit na další řádek. Za něj přijde červený obdélník, do rozměru se vejde, takže se tam vloží a odsune se vpravo (což nemá žádný efekt).

Obecně když vkládáte do HTML plovoucí prvky, musíte je vložit před obsah, který je má obtékat. Ve vašem případě tedy takhle: jsfiddle.net/r6062k3y/.

[Dikec]

...protože plovoucí elementy se umisťují v pořadí, v jakém jsou v HTML, a teprve z daného místa odplavou...

Jo, to je ono, to jsem nevěděl, díky za radu. Dikec

[run]

Poradi radku?