CSS-də mütləq valideynə nəzərən pozisioning
Əvvəlki dərsdə biz müəyyən etdik ki,
valideynə relative təyin edilərsə,
onun övladları ona nəzərən mütləq
pozisionlaşacaq. Bu, adətən, valideyn
elementin normal axından çıxmasını
istəmədikdə edilir.
Ola bilər ki, valideynə absolute
təyin edilib. Bu halda, absolute
olan övladlar da brauzer pəncərəsinə yox,
belə bir valideynə nəzərən pozisionlaşacaq:
<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çüsü 400px olan mütləq
pozisionlaşan kvadrat bir blok düzəldin.
Onun daxilində ölçüsü 50px olan
daha iki blok düzəldin.
Birinci bloku valideynin yuxarı sağ
küncündə, ikinci bloku isə aşağı sol
küncündə yerləşdirin.
