Durum
Bir öğenin konumunu hızlı bir şekilde yapılandırmak için bu stenografi yardımcı programlarını kullanın.
Ortak değerler
Duyarlı olmasalar da hızlı konumlandırma sınıfları mevcuttur.
<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>
Sabit üst
Bir öğeyi, görünümün üst kısmında kenardan kenara konumlandırın. Projenizdeki sabit konumun sonuçlarını anladığınızdan emin olun; ek CSS eklemeniz gerekebilir.
<div class="fixed-top">...</div>
Sabit alt
Bir öğeyi, görünümün alt kısmında kenardan kenara konumlandırın. Projenizdeki sabit konumun sonuçlarını anladığınızdan emin olun; ek CSS eklemeniz gerekebilir.
<div class="fixed-bottom">...</div>
yapışkan üst
Bir öğeyi, görünümün üst kısmında kenardan kenara, ancak yalnızca siz onu geçtikten sonra konumlandırın. Yardımcı .sticky-top
program, position: sticky
tüm tarayıcılarda tam olarak desteklenmeyen CSS'leri kullanır.
IE11 ve IE10 position: sticky
, position: relative
. Bu nedenle, stilleri bir @supports
sorguya sararak yapışkanlığı yalnızca onu düzgün şekilde oluşturabilen tarayıcılarla sınırlandırırız.
<div class="sticky-top">...</div>