Lokasi Relatif CSS
- Hal Sebelumnya Ringkasan Lokasi CSS
- Hal Berikutnya Lokasi Absolut CSS
Kisi elemen yang diatur lokasi relatif akan bergerak sejauh suatu jarak. Elemen tetap mempertahankan bentuknya sebelumnya, dan ruang yang dipertahankan tetap disimpan.
Lokasi Relatif CSS
Lokasi relatif adalah konsep yang sangat mudah dipahami. Saat elemen diberikan lokasi relatif, ia akan muncul di tempatnya. kemudian, dapat disetel posisi vertikal atau horizontal untuk memindahkan elemen 'relatif' ke titik awalnya.
Jika top diatur menjadi 20px, kotak akan berada di tempat 20 pixel di bawah atas posisi asli. Jika left diatur menjadi 30 pixel, akan dibuat ruang 30 pixel di sebelah kiri elemen, yang berarti elemen akan dipindahkan ke kanan.
#box_relative {
position: relative;
left: 30px;
top: 20px;
}
Sebagai gambar di bawah ini:
Perhatian, saat menggunakan lokasi relatif, elemen tetap mengambil ruang aslinya, baik jika digerakkan atau tidak. Oleh karena itu, gerakan elemen dapat menutupi elemen lain.
Contoh Lokasi Relatif CSS
- Lokasi: Lokasi Relatif
- Contoh ini menunjukkan bagaimana cara untuk menempatkan elemen berdasarkan posisi normalnya.
- Hal Sebelumnya Ringkasan Lokasi CSS
- Hal Berikutnya Lokasi Absolut CSS
