Pozicio
Uzu ĉi tiujn stenografioservaĵojn por rapide agordi la pozicion de elemento.
Komunaj valoroj
Rapidaj poziciaj klasoj haveblas, kvankam ili ne estas respondemaj.
<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>
Fiksa supro
Metu elementon ĉe la supro de la vidfenestro, de rando ĝis rando. Certiĝu, ke vi komprenas la konsekvencojn de fiksa pozicio en via projekto; vi eble bezonos aldoni plian CSS.
<div class="fixed-top">...</div>
Fiksita fundo
Metu elementon ĉe la fundo de la vidfenestro, de rando ĝis rando. Certiĝu, ke vi komprenas la konsekvencojn de fiksa pozicio en via projekto; vi eble bezonos aldoni plian CSS.
<div class="fixed-bottom">...</div>
Glueca supro
Metu elementon ĉe la supro de la vidfenestro, de rando ĝis rando, sed nur post kiam vi rulu preter ĝi. La .sticky-top
ilo uzas CSS-on position: sticky
, kiu ne estas plene subtenata en ĉiuj retumiloj.
IE11 kaj IE10 bildigos position: sticky
kiel position: relative
. Kiel tia, ni envolvas la stilojn en @supports
demandon, limigante la gluiĝecon al nur retumiloj, kiuj povas agordi ĝin.
<div class="sticky-top">...</div>