Cara sederhana membuat div berada di bawah kanan browser dengan css

Untuk membuat posisi div ingin berada di bawah kanan pada browser caranya tidak sulit. contoh kodenya adalah sebagai berikut :

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Css Position Fixed Bottom</title> 
 <style>
 .nav-fixed {
 background: #FF5722;
 position: fixed;
 bottom: 0;
 right: 0;
 padding: 8px 15px;
 margin-right: 5px;
 color: #fff; 
 }
 .nav-fixed-radius {
 border-radius: 4px 4px 0 0;
 }
 </style>
</head>
<body>
 
</body>
</html>

Jika dilihat pada contoh kode di atas, Kunci attribut yang di pergunakan agar porsisi div dibawah adalah pada atribut position : fixed, bottom: 0, dan right: 0.

silahkan coba sendiri untuk ber eksperimen. wassalam.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s