테스트 사이트 - 개발 중인 베타 버전입니다

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

스노든 8년 전 조회 1,988

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

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

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

답변 2개

채택된 답변
+20 포인트
잉끼s
8년 전

footer{background:#fff}

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

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

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

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

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

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

s
sinbi Expert
8년 전

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

 

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

로그인 후 평가할 수 있습니다

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

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

로그인