CSS에서 화면 전체를 가득 채우는 개체를 만들기 위해서는 우선 그 상위 개체들의 높이가 100%가 되어야 한다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>전체 화면</title>
<style type="text/css">
html { height: 100%; }
body { min-height: 100%; margin: 0; padding: 0; }
#full-screen { height: 100%; background-color: #aaa; }
</style>
</head>
<body>
<div id="full-screen">전체 화면</div>
</body>
</html>