<div> 태그 높이를 100% 적용 (height="100%")하는 예제입니다. 100%로 적용하면 웹브라우저 화면 세로로 높이가 100%로 적용됩니다.
index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<div id="container_div"></div>
</body>
</html>
style.css
HTML {
height: 100%;
}
BODY {
height: 100%;
}
#container_div {
height:100%
}
설명:
style.css 파일에서 div 태그의 id 높이를 100%로 지정합니다.
HTML과 BODY 태그의 높이도 100%로 함께 지정해야 적용됩니다.
'프로그래밍 > HTML' 카테고리의 다른 글
| div 태그 화면 중간에 정렬시키는 간단한 소스 (0) | 2016.05.18 |
|---|---|
| [HTML] 모바일웹 명함 기본 HTML 소스 (0) | 2016.01.09 |