Разуменне CSS Clear Property

Дакладнае CSS ўласцівасць з'яўляецца часткай CSS, так як CSS1. Гэта дазваляе вызначыць, якія элементы могуць плаваць побач вычышчаную элемент і на якім баку (ы). Дакладнае ўласцівасць мае пяць магчымых значэнняў:

Як выкарыстоўваць CSS дакладнае ўласцівасць

Найбольш распаўсюджаны спосаб выкарыстоўваць яснае ўласцівасць пасля таго як вы ўжо выкарысталі ўласцівасць паплаўка на элеменце. Напрыклад:

Тэкст побач з маім малюнкам.

Тэкст, які знаходзіцца ніжэй маім вобразам.

Усе элементы не па змаўчанні для чысткі: няма; , Так што калі вы не хочаце, каб іншыя элементы плаваць побач з чымсьці, вы павінны змяніць выразны стыль.

Калі вы ачышчаеце паплаўкі, вы падыходзіце вашым ясна вашаму паплаўка. Так што калі вы плавалі элемент налева, то вы павінны ачысціць налева. Ваш плавае элемент будзе працягваць плаваць, але ачышчанае элемент і ўсё пасля таго, як ён з'явіцца пад ім на вэб-старонцы.

Калі ў вас ёсць элементы, якія плавалі як да справа і злева, вы можаце ачысціць толькі адзін бок ці вы можаце ачысціць абодва.

Выкарыстанне ясна ў макетах

Найбольш распаўсюджаны спосаб большасці дызайнераў выкарыстоўваюць яснае ўласцівасць знаходзіцца ў размяшчэнні элементаў старонкі . Вы можаце мець малюнак з плывучым ўнутры блока тэксту і хочаце наступны абзац , каб пачаць ніжэй малюнкаў, ці вы можаце мець увесь слупок тэксту , які вы хочаце , каб плаваць побач з іншай кучай тэксту, з якім - то тэкст з'яўляецца ніжэй.

Вось HTML для макета ў гэтай форме.

Ён мае адзін DIV кантэйнер, які змяшчае іншы, які перамяшчаецца налева.



Кароткі плавалі дзіў



Змест ўнутры кантэйнера DIV, якія збіраюцца быць справа ад перамяшчанага спраў.

Гэта будзе працаваць нармальна, з больш кароткімі DIV плаваюць злева ад астатняй часткі зместу асноўных спраў.

Вы можаце ачысціць тэкст побач з перамяшчаным блокам, проста дадаўшы тэг, дзе вы хочаце, каб пачаць пісаць пад перамяшчаным блокам.

Але праблема ўзнікае, калі плаваў акно больш, чым змесціва побач з ёй. Тады, як вы можаце бачыць, фонавы колер асноўнай панэлі не выконваецца ўніз да ніжняй часткі перамяшчанага вокны.

На шчасце, ёсць просты спосаб выправіць гэта: ўласцівасць. Усталяваўшы галоўнае акно перапаўнення: аўто; колер фону будзе заставацца побач з больш перамяшчанага блока да самага дна, як паказана ў гэтым прыкладзе .