body에 background-color:gray 했는데 footer까지 침범
본문
body에 background-color:gray 했는데 footer까지 침범했는데
이럴때는 어떻게 CSS를 설정해 줘야 하나요??
답변 2
footer{background:#fff}
이렇게 footer에 백그라운드 다시 주시면 되죠.
그렇게 하면 footer 아래는 위 사진처럼 여전히 gray 컬러입니다.
<section id="head">
</section >
<section id="body" style="background:gray">
</section>
<section id="footer">
</section>
위처럼 레이아웃을 잡아보세요.
그리고 #body 에 min-height 값을 충분히 주셔서 footer 밑으로 여백이 나오지 않도록하세요.
footer 밑으로 여백이 나오면 보기 좋지 않더라고요,
body 요소 자체에 줬다면 당연히 테일까지 가는 게 정상입니다.
가운데 중간 부분만 배경색 주려면, 그 부분을 별도의 div 요소로 감싼 후, 이 요소에 배경색을 줘야 겠죠.
답변을 작성하시기 전에 로그인 해주세요.