채택완료
body에 background-color:gray 했는데 footer까지 침범

body에 background-color:gray 했는데 footer까지 침범했는데
이럴때는 어떻게 CSS를 설정해 줘야 하나요??
|
답변 2개 / 댓글 2개
채택된 답변
+20 포인트
2017-10-30 (월) 12:06:42
footer{background:#fff}
이렇게 footer에 백그라운드 다시 주시면 되죠.
답변에 대한 댓글 2개
2017-10-30 (월) 12:53:42
<section id="head">
</section >
<section id="body" style="background:gray">
</section>
<section id="footer">
</section>
위처럼 레이아웃을 잡아보세요.
그리고 #body 에 min-height 값을 충분히 주셔서 footer 밑으로 여백이 나오지 않도록하세요.
footer 밑으로 여백이 나오면 보기 좋지 않더라고요,
</section >
<section id="body" style="background:gray">
</section>
<section id="footer">
</section>
위처럼 레이아웃을 잡아보세요.
그리고 #body 에 min-height 값을 충분히 주셔서 footer 밑으로 여백이 나오지 않도록하세요.
footer 밑으로 여백이 나오면 보기 좋지 않더라고요,
body 요소 자체에 줬다면 당연히 테일까지 가는 게 정상입니다.
가운데 중간 부분만 배경색 주려면, 그 부분을 별도의 div 요소로 감싼 후, 이 요소에 배경색을 줘야 겠죠.
답변을 작성하려면 로그인이 필요합니다.