Properti tata letak yang paling umum digunakan dalam CSS adalah Float (penjelasan rinci tentang properti mengambang CSS Float) dan yang lainnya adalah properti positioning CSS Position.
1.posisi: statis
Penempatan default semua elemen adalah: position:static, yang berarti elemen tersebut tidak diposisikan dan muncul di tempat yang seharusnya dalam dokumen.
Secara umum, Anda tidak perlu menentukan position:static kecuali Anda ingin mengganti posisi yang ditetapkan sebelumnya.
#div-1 {
posisi:statis;
}
2. posisi:relatif
Jika Anda mengatur posisi: relatif, Anda dapat menggunakan atas, bawah, kiri, dan kanan untuk memindahkan elemen relatif ke tempat elemen tersebut muncul di dokumen. [Artinya elemen tersebut sebenarnya masih menempati posisi aslinya dalam dokumen, namun secara visual dipindahkan relatif terhadap posisi aslinya dalam dokumen]
#div-1 {
posisi:relatif;
atas:20 piksel;
kiri:-40 piksel;
}
3. posisi:mutlak
Ketika position:absolute ditentukan, elemen tersebut berada di luar dokumen (yaitu, tidak lagi menempati posisinya dalam dokumen) dan dapat diposisikan secara akurat sesuai dengan set atas, bawah, kiri dan kanan.
#div-1a {
posisi:mutlak;
atas:0;
kanan:0;
lebar:200 piksel;
}