Ҷойгиркунии собит дар 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;
}