Uwekaji wa Kusimamishwa kwenye CSS

Sasa tutachambua uwekaji wa kusimamishwa. Inafanana na uwekaji kamili, tofauti huonekana katika jinsi aina hizi za uwekaji zinavyofanya wakati kuna ukanda wa kusokota.

Wakati wa kusokota ukurasa, vipengee vilivyowekwa kabisa vitasogea pamoja na ukurasa. Angalia mfano:

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

Inawezekana kufanya ili wakati wa kusokota ukurasa, kipengee kilichowekwa kisisoge mahali pake. Ili kufanya hivyo, inahitaji kupewa uwekaji wa kusimamishwa kwa kutumia sifa position kwa thamani fixed:

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

#elem {
	position: fixed; /* tunaweka uwekaji wa kusimamishwa */
	top: 30px;
	right: 30px;
	width: 100px;
	height: 100px;
	border: 1px solid green;
}

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