Joissakin moderneissa selaimissa (ainakin Firefox ja Opera) float käyttäytyy oletuksena huonosti divin sisällä, niinsanotusti "vuotaa yli". Allaolevassa esimerkissä punainen on tavallinen div, ja vihreä tavallinen div, jossa float:right;-css-määritelmä.

jotain sisältöä


Näet varmaan miten div.punainen käyttäytyy. Se ei veny div.vihrean mukaan koska siinä on float-määritelmä, eli se kelluu. Kaikki ratkeaa yhdellä css-määritelmällä: overflow:auto;, joka laitetaan tyhmästi käyttäytyvälle diville.

jotain sisältöä

Nyt näyttää paljon paremmalta!
tässä CSS