Home » How To » Cara Membuat Full Height Elemen Pada Website

Cara Membuat Full Height Elemen Pada Website

by Hanifah Nurbaeti
by Hanifah Nurbaeti

Di bawah ini kita akan mempelajari cara meregangkan elemen agar sesuai dengan seluruh tinggi jendela browser dengan CSS.

Div Full Height

Contoh

html, body {
  height: 100%;
}

.full-height {
  height: 100%;
}
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
html, body {
  height: 100%;
  margin: 0;
}

.full-height {
  height: 100%;
  background: Gold;
}
</style>

</head>
<body>

<div class="full-height">DIV yang akan meregang agar sesuai dengan seluruh lebar dan tinggi jendela browser!</div>

</body>
</html>

You may also like