퓔퓔

body에 위 여백이 생기는 건 무슨 연유일까요?

· 2014-08-11 (월) 17:02:00 · 2049 · 4
body.gif

간만에 회사 나와서 지금까지 코딩한거 둘러보는데

그누보드5로 만든 홈페이지중 하나가 body 위에 여백이 생기더군요.

왜 그런걸까요. -ㅅ-;;

 

분명 body 에 margin, padding 둘다 0 인데.. 흠..

 

악마의 소행인가..

 

 

첨부파일

body.gif (46.5 KB)
13회 2014-08-11 17:02
|

댓글 4개

아마도 오른쪽 모자이크 처리된 부분의 element 가 위로 치고 올라가서 일듯 합니다.... 전문용어로 collapsing margin 이라고 하는데....

http://www.w3.org/TR/CSS21/box.html#collapsing-margins

body 에 overflow 를 hidden 으로 주시면 아마도 문제가 해결되실거에요.

body { overflow: hidden } /*위로 삐져나오는 걸 감추는거죠 */

하지만 이건 저 페이지를 볼 수 없으니 일종의 편법으로 해결 하는셈이고, 근본적인 문제 해결/올바른 문제 해결은, 위로 치고 올라가고 있는 element 를 조정해 주는 것 입니다.
2014-08-16 (토) 20:08:27
utf-8
BOM의 문제가 아닌지 확인해보세요
2014-08-21 (목) 11:19:25
+1
2014-08-20 (수) 17:26:03
header에 margin과 padding을 확인해보세요
댓글을 작성하시려면 로그인이 필요합니다.

디자이너톡

918건
+
제목 글쓴이 날짜 조회
14-10-13 조회 1,115
14-10-07 조회 2,214
14-09-29 조회 1,876
14-09-26 조회 1,613
14-09-25 조회 2,102
14-09-13 조회 3,209
14-09-13 조회 1,640
14-09-11 조회 2,689
14-09-05 조회 1,828
14-09-03 조회 2,349
14-09-01 조회 2,680
14-08-29 조회 1,771
14-08-29 조회 2,412
14-08-27 조회 1,450
14-08-17 조회 1,458
14-08-11 조회 2,050
14-08-08 조회 1,483
14-07-29 조회 2,344
14-07-24 조회 1,550
14-07-21 조회 3,367
14-07-18 조회 1,853
14-07-18 조회 1,405
14-07-16 조회 1,454
14-07-16 조회 1,418
14-07-09 조회 1,555