position ngontrol carane elemen diposisikan lan apa properti offset (top/right/bottom/left) berlaku.
css
{ : static; }
{ : relative; }
{ : absolute; }
{ : fixed; }
{ : sticky; }
absolute nposisikake elemen relatif kanggo leluhur sing diposisikan paling cedhak (apa wae liyane saka static). Dadi sampeyan tetapake position: relative ing induk kanggo nggawe iki titik referensi:
.card {
position: relative; /* becomes the positioning context */
}
.badge {
position: absolute; /* positioned relative to .card */
top: 8px;
right: 8px; /* pins the badge to the card's top-right corner */
}
Pola relative-parent / absolute-child iki ana ing mana-mana: badge, dropdown, tooltip, tombol tutup.
.navbar { position: fixed; top: 0; } /* stays put on screen while scrolling */
.section-header { position: sticky; top: 0; } /* scrolls with content, then sticks at top */
top: 0), banjur tetep ana nalika kontainere katon — apik kanggo header bagian.Elemen absolute/fixed dibusak saka aliran normal, dadi ora mateni pangokoan — sedulur tumindak kaya-kaya ora ana, kang bisa nyebabake tindihan. Rencana kanggo iku (contone nambah padding kanggo ngimbangi navbar tetep).
position penting kanggo overlay, header lengket, modal, dropdown, lan badge.
Hubungan relative-parent/absolute-child lan distinction fixed-vs-sticky minangka inti praktis sing sampeyan karepake terus-terusan.
Pustaka pitakon wawancara IT kanthi jawaban rinci — saka Junior nganti Senior.
Nyumbang