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