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;
}