Source

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-topCSS-leri ulanýar .position: sticky

IE11 we IE10 position: stickygörnüşinde görkeziler position: relative. Şeýle bolansoň, stilleri @supportsdiňe dogry görkezip bilýän brauzerler bilen çäklendirip, talap bilen örtýäris.

<div class="sticky-top">...</div>