CSS-de Absolut Ata-Enä Göre Posisionirlama
Öňki sapakda, ata-enä relative bellense, onuň
nesilleriň onuň göreň absolut posisionirlenerini düşündik.
Köp halatlarda ata-en elementiniň normal akymdan çykmasyny
islemeýänlerinde edilýär.
Şeýle hem bolup biler, ata-enä absolute bellenen.
Bu ýagdaýda absolute bellenen nesiller hem şol
ata-ene göre posisionirlener, brauzer penjiresine göre däl:
<div id="parent">
<div id="child"></div>
</div>
#parent {
position: absolute;
top: 100px;
left: 200px;
width: 500px;
height: 300px;
border: 1px solid red;
}
#child {
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 200px;
border: 1px solid green;
}
:
Ölçegi 400px bolan absolut posisionirlenen
kwadrat blok düzüň. Onuň içinde ýene iki sany 50px
ölçegli blok düzüň. Birinji blogy ata-eniň ýokarky
sag burçyna, ikinji blogy bolsa aşaky çep burçuna ýerleşdiriň.
