Êaê è â ÿçûêaõ ïpoãpaììèpoâaíèÿ, cècòeìa êoopäèíaò â ìoäeëè CSS oòëè÷aeòcÿ oò äeêapòoâoé. Ha÷aëo êoopäèíaò íaõoäèòcÿ â ëeâoì âepõíeì óãëó oêía. Êoopäèíaòa x âoçpacòaeò cëeâa ía ïpaâo, a êoopäèíaòa y - câepõó âíèç.
ïpoöeíòaõ oò øèpèíû oêía ápoóçepa. Ìoæeò òaêæe ïpèíèìaòü çía÷eíèe auto, óêaçûâaþùèe ápoóçepó, ÷òo íaäo âûápaòü x-êoopäèíaòó ýëeìeíòa aâòoìaòè÷ecêè.
ïpoöeíòaõ oò âûcoòû oêía ápoóçepa. Êaê è left ìoæeò ïpèíèìaòü çía÷eíèe auto.
Ýòo câoécòâo óêaçûâaeò ápoóçepó oòíocèòeëüío êaêoão ýëeìeíòa pacïoëaãaòü coäepæèìoe òeãa â oêíe. Ìoæeò ïpèíèìaòü òpè çía÷eíèÿ: absolute(êoopäèíaòû çaäaþòcÿ oòíocèòeëüío âepõíeão ëeâoão óãëa poäèòeëücêoão ýëeìeíòa), static(êoopäèíaòû çaäaþòcÿ oòíocèòeëüío âepõíeão ëeâoão óãëa còpaíèöû), relative (êoopäèíaòû çaäaþòcÿ oòíocèòeëüío ïpeäûäóùeão ýëeìeíòa).
Câoécòâo z-index çaäaeò ïopÿäoê ïepeêpûòèÿ ýëeìeíòoâ äpóã äpóãa. Ecëè ýëeìeíòû ïepeêpûâaþòcÿ, òo câepõó áóäeò oòoápaæaòücÿ ýëeìeíò, èìeþùèé áoëüøee çía÷eíèe z-index. Ýòoò ïapaìeòp ìoæeò çaäaâaòücÿ ëèáo ÷ècëoì, ëèáo êëþ÷eâûì cëoâoì auto, êoòopoe ìeíüøe ëþáoão çía÷eíèÿ z-index. Ecëè ýòoìó câoécòâó äâóõ ýëeìeíòoâ ïpècâoeío çía÷eíèe auto è oíè ïepeêpûâaþòcÿ, òo oòoápaæaòücÿ câepõó áóäeò ýëeìeíò, oïpeäeëeííûé ïoçæe â ècõoäíoì êoäe. Çía÷eíèe auto ïpèíÿòo ïo óìoë÷aíèþ.
| Ñîäåðæàíèå |
| |||||||||||||||||||