body에 위 여백이 생기는 건 무슨 연유일까요? 정보
body에 위 여백이 생기는 건 무슨 연유일까요?
본문
간만에 회사 나와서 지금까지 코딩한거 둘러보는데
그누보드5로 만든 홈페이지중 하나가 body 위에 여백이 생기더군요.
왜 그런걸까요. -ㅅ-;;
분명 body 에 margin, padding 둘다 0 인데.. 흠..
악마의 소행인가..
댓글 전체
아마도 오른쪽 모자이크 처리된 부분의 element 가 위로 치고 올라가서 일듯 합니다.... 전문용어로 collapsing margin 이라고 하는데....
http://www.w3.org/TR/CSS21/box.html#collapsing-margins
body 에 overflow 를 hidden 으로 주시면 아마도 문제가 해결되실거에요.
body { overflow: hidden } /*위로 삐져나오는 걸 감추는거죠 */
하지만 이건 저 페이지를 볼 수 없으니 일종의 편법으로 해결 하는셈이고, 근본적인 문제 해결/올바른 문제 해결은, 위로 치고 올라가고 있는 element 를 조정해 주는 것 입니다.
http://www.w3.org/TR/CSS21/box.html#collapsing-margins
body 에 overflow 를 hidden 으로 주시면 아마도 문제가 해결되실거에요.
body { overflow: hidden } /*위로 삐져나오는 걸 감추는거죠 */
하지만 이건 저 페이지를 볼 수 없으니 일종의 편법으로 해결 하는셈이고, 근본적인 문제 해결/올바른 문제 해결은, 위로 치고 올라가고 있는 element 를 조정해 주는 것 입니다.
utf-8
BOM의 문제가 아닌지 확인해보세요
BOM의 문제가 아닌지 확인해보세요
+1
header에 margin과 padding을 확인해보세요