How To

Cara Membuat Full Height Elemen Pada Website

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>

Hanifah Nurbaeti

Share
Tags: CSSHow To