Lokasi Relatif CSS
- Hal Sebelumnya Ringkasan Lokasi CSS
- Hal Berikutnya Lokasi Absolut CSS
Kotak elemen yang diatur lokasi relatif akan berpindah sejauh jarak tertentu. Elemen masih mempertahankan bentuknya sebelum ia diatur lokasi, dan ruang yang asalnya masih disimpan.
Lokasi Relatif CSS
Lokasi relatif adalah konsep yang mudah untuk dikuasai. Jika elemen diberikan lokasi relatif, ia akan muncul di tempatnya. kemudian, elemen ini boleh dipindahkan 'relatif' kepada titik asalnya dengan menetapkan kedudukan tinggi atau lebar.
Jika top diatur kepada 20px, kotak akan berada di tempat atas 20 piksel di bawah lokasi asal. Jika left diatur kepada 30 piksel, maka akan dihasilkan ruang 30 piksel di sebelah kiri elemen, iaitu untuk memindahkan elemen ke kanan.
#box_relative {
position: relative;
left: 30px;
top: 20px;
}
Sebagai contoh di bawah ini:
Perhatian, ketika menggunakan lokasi relatif, elemen masih mengambil ruang asalnya, sama ada ia dipindahkan atau tidak. Oleh itu, pemindahan elemen akan menyebabkan ia menutupi kotak lain.
实例定位相对 CSS
- Lokasi: Lokasi Relatif
- Contoh ini menunjukkan bagaimana untuk menempatkan suatu elemen berdasarkan lokasi asalnya.
- Hal Sebelumnya Ringkasan Lokasi CSS
- Hal Berikutnya Lokasi Absolut CSS
