CSS-те бекітілген позициялау

Қазір біз бекітілген позициялаумен танысамыз. Ол абсолюттік позициялауға ұқсас, айырмашылығы айналдыру жолағы болған кезде осы позициялау түрлерінің өзгеру әрекетінде көрінеді.

Бетті айналдырған кезде абсолютті позицияланған элементтер бетпен бірге айналады. Мысалды қараңыз:

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

Бетті айналдырған кезде позицияланған элемент орнында қалуы үшін оған position қасиетінің fixed мәні арқылы бекітілген позициялау беруге болады:

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

#elem {
	position: fixed; /* бекітілген позициялауды белгілейміз */
	top: 30px;
	right: 30px;
	width: 100px;
	height: 100px;
	border: 1px solid green;
}

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