고정 헤더 영역
상세 컨텐츠
본문
728x90
반응형
div에서 height 값을 100%를 주게 되며 기본 값만 인식이 되는데
이는 html에서 "html" 자체가 코딩 코드 이기 때문에 html 에도 height 값을 지정해줘야 한다.
예)
<html>
<body>
<div>
내용
</div>
</body>
</html>
위를 보면 알다 시피 div 상위에 body가 있고 또 그 상위에 html 이 있다 위와 같은 경우에는 아무리 div에 height=100% 준다 해도 적용이 되지 않는다 아니면 따로 div height값을 %가 아닌 px 값을 주지 않는다면
아래는 div 에 height 값을 100%를 주기 위한 방법이다.
<style>
html {height:100%}
body {height:100%}
#warp {height:100%}
</style>
<html>
<body>
<div id="warp">
내용
</div>
</body>
</html>
728x90
'쿠쿠 작업장(home page) > css' 카테고리의 다른 글
| css 선택자 (0) | 2013.05.02 |
|---|---|
| display:table 속성 (0) | 2013.04.06 |
| 배경이미지 css (0) | 2012.12.25 |
| css 반사효과 만들기 (0) | 2012.11.22 |
| css를 만들어주는 사이트 (0) | 2012.11.12 |
댓글 영역