작은숲:위키노트/CSS 전체 화면: 두 판 사이의 차이
잔글 (문자열 찾아 바꾸기 - "<source" 문자열을 "<syntaxhighlight" 문자열로) |
잔글 (Utolee90님이 CSS 전체 화면 문서를 작은숲:위키노트/CSS 전체 화면 문서로 이동했습니다: 제목 변경) |
||
| (같은 사용자의 중간 판 2개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
[[위키노트 | [[작은숲:위키노트/CSS|CSS]]에서 화면 전체를 가득 채우는 개체를 만들기 위해서는 우선 그 상위 개체들의 높이가 100%가 되어야 한다. | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
| 16번째 줄: | 16번째 줄: | ||
</body> | </body> | ||
</html> | </html> | ||
</ | </syntaxhighlight> | ||
== 참고 == | == 참고 == | ||
* {{언어|영어}} [http://stackoverflow.com/questions/7357818/100-screen-height-css StackOverflow: 100% screen height css] | * {{언어|영어}} [http://stackoverflow.com/questions/7357818/100-screen-height-css StackOverflow: 100% screen height css] | ||
[[분류:위키노트/공유]] | [[분류:위키노트/공유]] | ||
[[분류:CSS]]{{퍼온문서|위키노트|{{#invoke:string|replace|{{PAGENAME}}|위키노트:|}}}}[[분류:위키노트에서 가져온 문서]] | [[분류:CSS]]{{퍼온문서|위키노트|{{#invoke:string|replace|{{PAGENAME}}|위키노트:|}}}}[[분류:위키노트에서 가져온 문서]] | ||
2022년 5월 7일 (토) 14:51 기준 최신판
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>