기술정보/Css
CSS height100%로 왜 안먹을까??
부자레오
2019. 3. 22. 10:50
반응형
안녕하세요. 달리자 레오 입니다.
제가 요즘 CSS를 잘 다루고 싶어서 공부하고있는데 background에 블랙으로
height: 100%를 딱!!! 안나옴...
- index.html
<body>
<div class="back" ></div>
</body>
- css
/*기본적으로 마진을 잡고 있는 녀석을 샂게해주고 */
body {
margin: 0;
}
.back {
background: #111;
height:100%;
}
위와 같은 밥벙으로는 나오지 않는다
이유는 height:100%로는 부모가 가지고 있는 값의 100%로 이니 아무리 100%을 불러도 나오지 않는것이다
그럼 어떻게 헤야 하는거 방법은 2가지가 있다 올드한 방법과 최신 방법
여기서는 최신 방법만 다루도록하겠습니다. 올드한 벙법은 한번 찾아보세요!!
- index.html
<body>
<div class="back" ></div>
</body>
- css
/*기본적으로 마진을 잡고 있는 녀석을 샂게해주고 */
body {
margin: 0;
}
.back {
background: #111;
height:100vh;
/* vh는 viewport height 의로 사용자의 화면에 맞는 만큼 잡는다.. 이렇게 생각하면 될꺼같아요*/
}
이렇게 하면 배경이 전부 검은색으로 쫜~~~~
오늘도 달리자 레오 아자아자 화이팅!!
반응형