Positionerleşişi
Bir elementiň ýagdaýyny çalt düzmek üçin bu stenografiki kömekçi enjamlary ulanyň.
Umumy gymmatlyklar
Çalt ýerleşdiriş sapaklary, jogap bermese-de bar.
<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>
Bellenen ýokarky
Görnüşiň ýokarsynda bir elementi gyradan gyrasyna ýerleşdiriň. Taslamaňyzdaky kesgitli pozisiýanyň netijelerine düşünýändigiňize göz ýetiriň; goşmaça CSS goşmaly bolmagyňyz mümkin.
<div class="fixed-top">...</div>
Bellenen aşaky
Görnüşiň aşagynda bir elementi gyradan gyrasyna ýerleşdiriň. Taslamaňyzdaky kesgitli pozisiýanyň netijelerine düşünýändigiňize göz ýetiriň; goşmaça CSS goşmaly bolmagyňyz mümkin.
<div class="fixed-bottom">...</div>
Topokarky
Görkezişiň ýokarsynda bir elementi gyradan gyrasyna ýerleşdiriň, ýöne diňe geçenden soň. Utilityhli brauzerlerde doly goldanmaýan .sticky-top
CSS-leri ulanýar .position: sticky
IE11 we IE10 position: sticky
görnüşinde görkeziler position: relative
. Şeýle bolansoň, stilleri @supports
diňe dogry görkezip bilýän brauzerler bilen çäklendirip, talap bilen örtýäris.
<div class="sticky-top">...</div>