Tiszta - CSS-trükkök

Anonim

Az clearingatlan közvetlenül kapcsolódik az úszókhoz. Ha az elem vízszintesen elfér a másik lebegő elem mellett, akkor az elfér. Hacsak nem alkalmazza clearaz elemet az úszóval azonos irányba. Ezután az elem lefelé mozog az úszó elem alatt.

Íme egy egyszerű példa az úszókkal összeállított elrendezésről, amely problémát okozhat a lábléc számára:

A lábléc elem törlésével azonban az elrendezés a helyére pattan:

#footer ( clear: both; )

Ebben az esetben egyértelmű: mindkettő; arra használták, hogy a lábléc kitörölje azokat az elemeket, amelyek mindkét irányban lebegnek. De akkor is törölni sem left, vagy rightebben az esetben az elem mozog alábbi elemeket, amelyeket lebegett az irányba, de a másikban nem.

Az úszók megtisztításának egyik általános módja az, hogy pszeudo-elemet alkalmazunk egy konténer elemre, amely kitisztítja az úszt. Tudjon meg többet erről itt.

Böngésző támogatás

Az clearingatlan minden böngészőben működik.