작은숲:위키노트/CSS 전체 화면: 두 판 사이의 차이
잔글 (문자열 찾아 바꾸기 - "분류:공유" 문자열을 "분류:위키노트/공유" 문자열로) |
잔글 (문자열 찾아 바꾸기 - "<source" 문자열을 "<syntaxhighlight" 문자열로) |
||
| 1번째 줄: | 1번째 줄: | ||
[[위키노트:CSS|CSS]]에서 화면 전체를 가득 채우는 개체를 만들기 위해서는 우선 그 상위 개체들의 높이가 100%가 되어야 한다. | [[위키노트:CSS|CSS]]에서 화면 전체를 가득 채우는 개체를 만들기 위해서는 우선 그 상위 개체들의 높이가 100%가 되어야 한다. | ||
< | <syntaxhighlight lang="html"> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html lang="ko"> | <html lang="ko"> | ||
2021년 3월 28일 (일) 12:51 판
CSS에서 화면 전체를 가득 채우는 개체를 만들기 위해서는 우선 그 상위 개체들의 높이가 100%가 되어야 한다. <syntaxhighlight lang="html"> <!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>
전체 화면
</body> </html> </source>