body에 위 여백이 생기는 건 무슨 연유일까요?
간만에 회사 나와서 지금까지 코딩한거 둘러보는데
그누보드5로 만든 홈페이지중 하나가 body 위에 여백이 생기더군요.
왜 그런걸까요. -ㅅ-;;
분명 body 에 margin, padding 둘다 0 인데.. 흠..
악마의 소행인가..
댓글 4개
HackYa
11년 전
아마도 오른쪽 모자이크 처리된 부분의 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 를 조정해 주는 것 입니다.
11년 전
utf-8
BOM의 문제가 아닌지 확인해보세요
BOM의 문제가 아닌지 확인해보세요
11년 전
+1
송아지wlwl
11년 전
header에 margin과 padding을 확인해보세요
게시판 목록
디자이너톡
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 720 |
 디자인배틀 |
11년 전 | 1126 | |
| 719 | 11년 전 | 1234 | ||
| 718 | 11년 전 | 1594 | ||
| 717 | 11년 전 | 1002 | ||
| 716 |
디자인배틀 |
11년 전 | 1719 | |
| 715 | 11년 전 | 8374 | ||
| 714 | 11년 전 | 1026 | ||
| 713 |
디자인배틀 |
11년 전 | 871 | |
| 712 |
AnnieK
|
11년 전 | 971 | |
| 711 | 11년 전 | 1417 | ||
| 710 | 11년 전 | 1153 | ||
| 709 |
디자인배틀 |
11년 전 | 1061 | |
| 708 | 11년 전 | 1455 | ||
| 707 |
디자인배틀 |
11년 전 | 1514 | |
| 706 | 11년 전 | 1630 | ||
| 705 | 11년 전 | 867 | ||
| 704 | 11년 전 | 1592 | ||
| 703 |
jessica8318
|
11년 전 | 3171 | |
| 702 | 12년 전 | 2132 | ||
| 701 | 12년 전 | 1483 | ||
| 700 |
 HackYa |
12년 전 | 1695 | |
| 699 |
HackYa |
12년 전 | 1851 | |
| 698 | 12년 전 | 1307 | ||
| 697 | 12년 전 | 989 | ||
| 696 | 12년 전 | 1693 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기