CSS-də Sabit Yerləşdirmə
İndi biz sabit yerləşdirmə ilə tanış olacıq. Bu, mütləq yerləşdirməyə bənzəyir, fərq ondadır ki, bu yerləşdirmə növləri sürüşdürmə çubuğu olduqda necə davranır.
Səhifəni sürüşdürdükdə, mütləq yerləşdirilmiş elementlər səhifə ilə birlikdə sürüşəcək. Nümunəyə baxın:
<div id="elem"></div>
<div id="content">
some long text
</div>
#elem {
position: absolute;
top: 30px;
right: 30px;
width: 100px;
height: 100px;
border: 1px solid green;
}
#content {
margin: 0 auto;
width: 300px;
text-align: justify;
font: 16px Arial;
}
:
Səhifə sürüşdürülərkən, yerləşdirilmiş elementin
yerində qalmasını təmin etmək olar. Bunun üçün ona
position xassəsi ilə fixed dəyərini təyin edərək
sabit yerləşdirmə təyin etmək lazımdır:
<div id="elem"></div>
<div id="content">
some long text
</div>
#elem {
position: fixed; /* sabit yerləşdirmə təyin edirik */
top: 30px;
right: 30px;
width: 100px;
height: 100px;
border: 1px solid green;
}
#content {
margin: 0 auto;
width: 300px;
text-align: justify;
font: 16px Arial;
}
: