Source

Posisie

Gebruik hierdie snelskrifhulpmiddels om die posisie van 'n element vinnig op te stel.

Gemeenskaplike waardes

Vinnige posisioneringsklasse is beskikbaar, alhoewel hulle nie reageer nie.

<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>

Vaste top

Plaas 'n element aan die bokant van die uitsigpoort, van rand tot rand. Maak seker dat jy die gevolge van vaste posisie in jou projek verstaan; jy sal dalk addisionele CSS moet byvoeg.

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

Vaste onderkant

Plaas 'n element aan die onderkant van die uitsigpoort, van rand tot rand. Maak seker dat jy die gevolge van vaste posisie in jou projek verstaan; jy sal dalk addisionele CSS moet byvoeg.

<div class="fixed-bottom">...</div>

Klewerige top

Plaas 'n element aan die bokant van die uitsigpoort, van rand tot rand, maar eers nadat jy verby dit blaai. Die .sticky-tophulpprogram gebruik CSS's position: sticky, wat nie ten volle in alle blaaiers ondersteun word nie.

IE11 en IE10 sal position: stickyas position: relative. As sodanig verpak ons ​​die style in 'n @supportsnavraag, wat die taaiheid beperk tot slegs blaaiers wat dit behoorlik kan weergee.

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