Агуулгын хүснэгт:

CSS дээр ямар байрлалыг тогтоодог вэ?
CSS дээр ямар байрлалыг тогтоодог вэ?

Видео: CSS дээр ямар байрлалыг тогтоодог вэ?

Видео: CSS дээр ямар байрлалыг тогтоодог вэ?
Видео: Ошибки в сантехнике. Вводной узел в квартиру. 2024, Арваннэгдүгээр
Anonim

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

Үүний нэгэн адил та CSS-д байр сууриа хэрхэн өөрчлөх вэ гэж асууж магадгүй юм.

Та HTML баримтын аль ч хэсэгт HTML элементийг зөөхийн тулд байрлалын шинж чанарын хамт дээд болон зүүн хоёр утгыг ашиглаж болно

  1. Move Left - Зүүн талд сөрөг утгыг ашиглана.
  2. Баруун тийш шилжих - Зүүн талд эерэг утгыг ашиглана уу.
  3. Дээш зөөх - Дээд талд сөрөг утгыг ашиглана уу.
  4. Доош зөөх - Дээд талд эерэг утгыг ашиглана уу.

Үүний нэгэн адил CSS-д харьцангуй ба үнэмлэхүй хоёрын ялгаа юу вэ? Ан үнэмлэхүй байрлалын элементийг байрлуулсан байна хамаатан садан статикаас өөр байрлалтай эхний эх элемент рүү. А хамаатан садан байрлалтай элементийг байрлуулсан байна хамаатан садан хэвийн байрлалдаа. Элементийг харьцангуй байрлуулахын тулд өмчийн байрлалыг дараах байдлаар тохируулна хамаатан садан.

Үүнтэй адилаар та CSS дээр үнэмлэхүй байрлалыг хэрхэн тохируулах вэ?

Үнэмлэхүй онд байрлал : харьцангуй, элемент нь өөртэйгөө харьцангуй байрлалтай. Гэсэн хэдий ч туйлын байрлалтай элемент нь эцэг эхтэйгээ харьцангуй юм. -тэй элемент байрлал : үнэмлэхүй ердийн баримт бичгийн урсгалаас хасагдсан. Энэ нь эх элементийнхээ эхлэх цэг (зүүн дээд буланд) руу автоматаар байрладаг.

HTML дээрх зургийн байрлалыг хэрхэн засах вэ?

Хэрэв та ашигладаг бол байрлал : тогтмол , элемент нь цонхтой харьцангуй байрлалтай тул та гүйлгэсэн ч элемент хөдлөхгүй. Хэрэв та гүйлгэх үед үүнийг хөдөлгөхийг хүсвэл ашиглана уу байрлал : үнэмлэхүй. Гэхдээ таны зохион байгуулалтын улмаас танд 2 сонголт байна: Байршуулах зураг #хайрцаг дотор.

Зөвлөмж болгож буй: