CSS Цэвэрлэгээний өмчийг ойлгох

CSS тодорхой шинж чанар нь CSS1-ээс хойш CSS-ийн хэсэг болсон. Энэ нь цэвэрлэсэн элемент болон аль тал дээр ямар элементүүд хөвөх боломжтойг зааж өгнө. Тодорхой шинж чанар нь таван боломжтой утгуудтай:

CSS-ийн тодорхой хөрөнгийг хэрхэн ашиглах талаар

Илүү тодорхой эд хөрөнгийг ашиглах хамгийн түгээмэл арга бол элемент дээр float өмчийг ашигласаны дараа юм. Жишээлбэл:

Миний зургийн хажууд текст бичих.

Энэ нь миний дүрсний доор байгаа текст.

Бүх элемент нь цэвэрлэгдэх: none; , хэрэв та бусад элементүүдийг ямар нэг зүйлээс холдуулахыг хүсэхгүй бол та тодорхой хэв маягийг өөрчлөх ёстой.

Чи хөвөгч авдарыг цэвэрлэж байхдаа та өөрийн хөвөгч мөрөнд тодорхой харагдана. Хэрэв та элементийг зүүн тийш хөвж байвал та зүүн талд нь арилгах хэрэгтэй. Таны хөвөх элемент хөвж үргэлжлүүлэх болно, гэхдээ цэвэрлэгдсэн элемент болон бүх зүйл дараа нь вэб хуудсан дээр харагдах болно.

Хэрэв та баруун болон зүүн талд хөвж буй элементүүд байгаа бол зөвхөн нэг талыг арилгах эсвэл хоёуланг нь арилгах боломжтой.

Тодорхойлолтыг ашиглах нь

Ихэнх дизайнерууд нь тодорхой эд зүйлсийг хуудасны элементүүдийн байршлаар ашигладаг. Та текстийн блок дотор хөвж буй зурагтай байж болох ба дараагийн догол мөрийг зурагнаас эхлэхийг хүсч болох юм. Эсвэл та доорх зарим тексттэй хамт өөр текстийн хажуу тийш текстийг бүгдийг нь оруулах боломжтой.

Энэ маягт дахь HTML хэлбэрийг энд оруулав.

Энэ нь зүүн тийш хөвж буй өөр нэг контейнер контейнертэй байна.



Богино хөвөгч хув



Далд хуваагуурын баруун талд байх гэж байгаа контейнерийн дээжний дотор агуулагдсан агуулга.

Энэ нь зүгээр ажиллана, богино тэнхлэгтэй агуулгын үлдсэн хэсэг нь зүүн тийш хөвж буй богино долгионтой ажиллана.

Та хөвөгч хайрцгийн дэргэд бичиж эхлэхийг хүсч байгаа хаягийг нэмж, хоосон хайрцгийн дэргэд бичиж болно.

Гэхдээ хөвөгч хайрцаг нь түүний хажууд байгаа хэмжээнээс урт байх үед асуудал үүсдэг. Дараа нь, харж байгаагаар үндсэн хайрцагны арын өнгө нь хөвөх хайрцгийн ёроолд аваачдаггүй.

Аз болоход, үүнийг засах амархан арга зам байдаг: эд хөрөнгө. Ачаалах гол хайрцагыг тохируулснаар: auto; background color нь урт ёроолтой хайрцгийн хажууханд байх болно. Энэ жишээнд үзүүлсэн шиг.