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 kaydırdıktan sonra konumlandırın. Yardımcı .sticky-topprogram, position: stickytüm tarayıcılarda tam olarak desteklenmeyen CSS'leri kullanır.

IE11 ve IE10 position: sticky, position: relative. Bu nedenle, stilleri bir @supportssorguya 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>