CSS Mutlak Konum
- Önceki Sayfa CSS Göreceli Konum
- Sonraki Sayfa CSS Yüzeysel Konum
设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
CSS Mutlak Konum
绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。
Diğer unsurların yerleşimi,绝对定位 unsurların yokmuş gibi normal akışta:
#box_relative {
position: absolute;
left: 30px;
top: 20px;
}
Aşağıdaki gibi görünüyor:
mutlak konumlandırma elementlerinin konumlarıen yakın konumlandırılmış atasıeğer elementin konumlandırılmış atası yoksa, konumuna göreİlk iç içe blok.
Konumlandırma ile ilgili temel sorunları hatırlamak için, her tür konumlandırmanın anlamını anlamak önemlidir. Bu yüzden, şimdi öğrendiğimiz bilgileri tekrarlayalım: Göreceli konumlandırma, elementin belgedeki başlangıç konumuna göre 'karşılaştırılır', mutlak konumlandırma ise en yakın konumlandırılmış atasına göre 'karşılaştırılır'. Eğer konumlandırılmış atası yoksa, en baştaki iç içe bloğa göre 'karşılaştırılır'.
Açıklama:Kullanıcı aracısına göre, ilk iç içe blok kanvas veya HTML elementi olabilir.
İpucu:Mutlak konumlandırma kutuları belge akışıyla ilgisiz olduğundan, diğer sayfa elementlerini kaplayabilirler. Bu durumu ayarlamak için: z-index ÖzelliğiBu kutuların yığın sırasını kontrol etmek için.
CSS Mutlak Konum Örneği
- Konum: Mutlak Konum
- Bu örnek, elementlere mutlak değer kullanarak nasıl konumlandırılacağını gösterir.
- Önceki Sayfa CSS Göreceli Konum
- Sonraki Sayfa CSS Yüzeysel Konum
