백그라운드 스타일 적용시 브라우저 창 크기를 조정할 경우 백그라운드가 정상적으로 표시되지 않는 현상
화1이트
2023.04.01
!doctype html
html lang=ko
head
title테스트/title
/headbody style=margin: 0; padding: 0
div style=background: #f5f5f5
div style=margin: 0 auto; width: 978px; border-left: 1px solid #e00; border-right: 1px solid #e00
테스트
/div
/div
/body
/html
위와 같이 코딩한 후 부라우저(익스11, 크롬)의 가로 사이즈를 980px 이하로 조정한 후 하단 스크롤을 우측으로 옮기면 background: #f5f5f5 스타일이 잘리는 현상이 발생합니다.
원인이 뭘까요? 고수님들 답변 부탁 드립니다.
-
도도한
이런걸 해결하기위해서 보통 백그라운드를 두번 주는 방법이 있지요....
-
큰꽃들
배경깔린레이어를 감싸주는개체(작업물에선 body)에 넓이값이 들어가있어야합니다