CSS-de Bellenen pozisiýa

Häzir bellenen pozisiýa bilen tanyşarys. Ol absolut pozisiýa meňzeýär, tapawut şu pozisiýalaýyş görnüşleriniň göçürim setiri bar wagtyndaky hereketinde görkezilýär.

Sahypa göçürilende, absolýut pozisiýalandyrylan elementler sahypa bilen bilelikde göçüriler. Mysala serediň:

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

Göçürilýän wagty sahypanyň pozisiýalandyrylan elementiň ýerinde galmagyny üpjün etmek mümkin. Munuň üçin oňa bellenen pozisiýa bermeli, position aýratynlygynyň fixed bahasyny ulanyp:

<div id="elem"></div>
<div id="content">
	some long text
</div>

#elem {
	position: fixed; /* bellenen pozisiýa berýäris */
	top: 30px;
	right: 30px;
	width: 100px;
	height: 100px;
	border: 1px solid green;
}

#content {
	margin: 0 auto;
	width: 300px;
	text-align: justify;
	font: 16px Arial;
}