Ведро - ЦСС-трикови

Anonim

clearИмовина је у директној вези са сплавова. Ако елемент може да стане хоризонтално у простор поред другог елемента који је плутајући, хоће. Осим ако се не примените clearна тај елемент у истом смеру као и пловак. Тада ће се елемент померити доле испод плутајућег елемента.

Ево једноставног примера распореда изведеног са пловцима, што би могло бити проблематично за подножје:

Али брисањем елемента подножја, распоред се поставља на своје место:

#footer ( clear: both; )

У овом случају, јасно: обоје; је коришћен како би се осигурало да подножје очисти прошле елементе који лебде у било ком смеру. Али такође можете да обришете или један leftили rightу ком случају ће се елемент померити испод елемената који лебде у том правцу, али не и у другом.

Уобичајени начин за брисање плутајућих слојева је примена псеудо-елемента на елемент контејнера који чисти флоат. Сазнајте више о томе овде.

Подршка прегледача

clearИмовина ради у свим бровсерима.