채택완료

body에 background-color:gray 했는데 footer까지 침범

2017-10-30 (월) 04:23:17 2,144

1747135837_1509304989.6535.png

body에 background-color:gray 했는데 footer까지 침범했는데

이럴때는 어떻게 CSS를 설정해 줘야 하나요??

|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트

footer{background:#fff}

이렇게 footer에 백그라운드 다시 주시면 되죠.

답변에 대한 댓글 2개

그렇게 하면 footer 아래는 위 사진처럼 여전히 gray 컬러입니다.
<section id="head">
</section >

<section id="body" style="background:gray">
</section>

<section id="footer">
</section>

위처럼 레이아웃을 잡아보세요.
그리고 #body 에 min-height 값을 충분히 주셔서 footer 밑으로 여백이 나오지 않도록하세요.
footer 밑으로 여백이 나오면 보기 좋지 않더라고요,

body 요소 자체에 줬다면 당연히 테일까지 가는 게 정상입니다.

가운데 중간 부분만 배경색 주려면, 그 부분을 별도의 div 요소로 감싼 후, 이 요소에 배경색을 줘야 겠죠.

답변을 작성하려면 로그인이 필요합니다.