CSS-de ýerleşdirmäde ters bahalar
Biziň öwrenen aýratynlyklarymyz top, right,
bottom we left diňe
ýörite bolmadyk, eýsem ters bahalary
hem kabul edip biler. Geliň mysallar bilen göreliň.
Mysal
Aşakdaky mysalda element öz eýesine garaşlylykda doly
ýerleşdirilýär we ýokardan 0,
çepden 0 ýerinde durýar:
<div id="parent">
<div id="child"></div>
</div>
#parent {
position: relative;
width: 300px;
height: 300px;
margin: 50px auto;
border: 1px solid red;
}
#child {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
border: 1px solid green;
}
:
Mysal
Indi bolsa, element ýokardan -20px,
çepden -30px ýerine göçüreliň:
<div id="parent">
<div id="child"></div>
</div>
#parent {
position: relative;
width: 300px;
height: 300px;
margin: 50px auto;
border: 1px solid red;
}
#child {
position: absolute;
top: -20px;
left: -30px;
width: 100px;
height: 100px;
border: 1px solid green;
}
:
Aşakdaky nusgada ýaşyl blok
margin ýardamynda ekranyň merkezinde durýar,
gyzyl bloklar bolsa oňa garaşlylykda ýerleşýär.
Belläp görkezilen nusga boýunça sahypany gaýtalaň:
