Фиксни позиционирање у 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;
}