Sebelumnya kita sudah membahas cara memosisikan web dan elemen web menjadi static. kali ini kita akan mencoba membuat elemen tersebut menjadi relative. Sekarang cobalah untuk menambahkan position:relative pada #box dan perhatikan bahwa box tersebut bergeser 100px dari atas dan 200px dari kiri.
Tersedia Juga di Bacacoding:
#box{ background : blue;
width : 300px;
height : 300px;
top : 100px;
left : 200px;
position:relative;
}
silahkan buat file baru dan beri nama relative.html lalu ketikkan kode berikut:
<!DOCTYPE html>
<html>
<head>
<title>Relative</title>
<style type="text/css" media="screen">
#box{
background : blue;
width : 300px;
height : 300px;
top : 100px;
left : 200px;
position:relative;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>
Hasilnya akan seperti berikut:
Nah Bagaimana…? apakah sekarang kamu sudah mengerti Cara Memposisikan Website menjadi Relative? Mungkin itu saja tulisan yang membahas tentang Cara Memposisikan Website menjadi Relative, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman kamu yang lain, sekian dan terimakasih.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon