Разбирање на Clear Property CSS

Јасен CSS сопственост е дел од CSS од CSS1. Тоа ви овозможува да наведете кои елементи можат да плови покрај исчистениот елемент и на која страна (ите). Јасното својство има пет можни вредности:

Како да го користите CSS јасното својство

Најчестиот начин да се користи јасното својство е кога сте користеле својство на плови на елемент. На пример:

Текст до мојата слика.

Текст што е под мојата слика.

Сите елементи се стандардно да се исчистат: нема; , па ако не сакате други елементи да лебдат покрај нешто, мора да го смените јасен стил.

Кога се расчистувате со плови, ќе го усогласите вашиот јасен до вашиот плови. Значи, ако лебдеше елементот лево, тогаш треба да се расчисти лево. Твојот лебдечки елемент ќе продолжи да плови, но исчистениот елемент и сè по него ќе се појави под него на веб-страницата.

Ако имате елементи кои се лебдат и десно и лево, можете да ги исчистите само една страна или да ги исчистите и двете.

Користење јасно во Layouts

Најчестиот начин што повеќето дизајнери го користат јасното својство е во изгледот на елементите на страницата . Може да имате слика која лебди внатре во блок од текст и сакате следниот став да започне под сликата, или може да имате цела колона од текст што сакате да плови покрај друг куп текст, со текст кој се појавува подолу.

Еве го HTML за распоред во оваа форма.

Таа има еден div контејнер држи друг кој лебдеше на лево.



Краток лебдечки див



Содржина во внатрешноста на контејнерот што ќе биде од десната страна на подвижниот дел.

Ова ќе функционира добро, со пократкиот дечко лебдејќи лево од остатокот на содржината на главниот div.

Можете да го исчистите текстот до лебдената кутија со едноставно додавање на ознака каде што сакате да почне да пишува под прозорецот.

Но проблемот доаѓа кога пловената кутија е подолга од содржината до неа. Потоа, како што можете да видите, бојата на позадината на главната кутија не се врши до дното на пловечката кутија.

За среќа, постои лесен начин да се поправи ова: имотот. Со поставување на главното поле за претекување: автоматски; бојата на позадината ќе остане покрај подолгиот прозорец, до самиот крај, како што е прикажано во овој пример .