CSS сипаты CSS1-ден бастап CSS-тың бөлігі болды. Ол тазартылған элементтің және қай жағының (элементтердің) жанында қандай элементтердің жүзуін көрсетуге мүмкіндік береді. Таза сипатта бес ықтимал мән бар:
- жоқ
- сол
- құқық
- екеуі де
- мұрагерлік
CSS-ды қалай тазартуға болады
Белгілі бір сипатты пайдаланудың ең көп тараған жолы - элементтің float сипатын қолданғаннан кейін. Мысалға:
Суретімнің жанында мәтін.
Суретімнің астындағы мәтін.
Барлық элементтер тазартылады: жоқ; , сондықтан басқа элементтердің бір нәрсенің жанында жүзуін қаламасаңыз, таза мәнерді өзгертуіңіз керек.
Палубаларды тазалаған кезде, сіз өзіңіздің қалтаңызға сәйкес келеді. Сондықтан элементті сол жаққа бұрсаңыз, солға қарай тазартыңыз. Сіздің өзгермелі элементіңіз өзгермелі жалғастырады, бірақ тазаланған элемент және барлық кейін ол веб-бетте төменде пайда болады.
Егер сізде оң жаққа да, солға да жағылатын элементтер болса, сіз бір жағын тазалай аласыз немесе екеуін де тазалай аласыз.
Орналасуларда тазалауды пайдалану
Көптеген конструкторлар нақты сипатты пайдаланатын ең кең таралған тәсілі бет элементтерінің орналасуында . Мәтін блогы ішінде өзгермелі сурет болуы мүмкін және келесі абзац суреттің төменгі жағында басталуын қалайды немесе төмендегі кейбір мәтінмен бірге басқа мәтіндік мәтіннің жанына жүзуді қалайтын мәтіннің толық бағаны болуы мүмкін.
Мұнда осы пішіндегі орналасу үшін HTML болады.
Сол жағына құйылған басқа бір контейнер бар.
Қысқа флоты бар div
Контейнерлік div ішіндегі мазмұны, қалқымалы дивиздердің оң жағында болады.
Бұл жақсы жұмыс істейді, ал қалған div негізгі бөлігінің қалған бөлігінің сол жағына шығады.
Қалқымалы терезенің жанында мәтінді қалқымалы терезеде жазуды бастауды қалаған тегті жай ғана қарап шығуға болады.
Бірақ проблема, қалқымалы терезенің жанындағы мазмұннан ұзағырақ болғанда пайда болады. Содан кейін, көрініп тұрғандай, негізгі қораптың түсі өзгермелі қораптың түбіне дейін тасымалданбайды.
Бақытымызға орай, оны түзетудің оңай жолы бар: меншік. Негізгі терезені толтыру үшін орнату: auto; бұл мысалда көрсетілгендей , фондық түс ұзын қалқымалы терезенің ең төменгі жағында қалады.