Ясно - CSS-трикове

Anonim

В clearимота е пряко свързано с плавници. Ако елементът може да се побере хоризонтално в пространството до друг елемент, който е плаващ, ще го направи. Освен ако не приложите clearтози елемент в същата посока като поплавъка. Тогава елементът ще се премести надолу под плаващия елемент.

Ето един прост пример за оформление, конструирано с плувки, което може да е проблематично за долния колонтитул:

Но като изчистите елемента на долния колонтитул, оформлението щраква на мястото си:

#footer ( clear: both; )

В този случай ясно: и двете; е използван, за да се гарантира, че долният колонтитул изчиства минали елементи, които се носят във всяка посока. Но можете също да изчистите или единия, leftили rightв този случай елементът ще се премести под елементи, които се носят в тази посока, но не и в другата.

Често срещан начин за изчистване на плувки е прилагането на псевдоелемент към елемент на контейнер, който изчиства плувката. Научете повече за това тук.

Поддръжка на браузър

В clearимота работи във всички браузъри.