Div는 margin : 0도 여백이 있습니다.

div (페이지의 헤더에 대해) 주위에 여백을 만들려고합니다. 나는 이것을 시도했다 :Div는 margin : 0도 여백이 있습니다.

<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 
     <style> 
     .test { 
      height: 100px; 
      margin: 0; 
      background-color: #000000; 
     } 
     </style> 
    </head> 
    <body> 
     <div class="test">&nbsp;</div> 
    </body> 
</html>

그러나 div는 여전히 주변에 여백을 가지고있다. 내가 도대체 뭘 잘못하고있는 겁니까? 당신의 도움을 주셔서 감사합니다!

출처

2012-11-23 alexpyoung

패딩을 재설정하는 것을 잊지 마세요. 정답은 이미 @ bažmegakapa에 의해 주어졌습니다. – mathk

기본 여백은 body입니다. 브라우저는 특정 요소에 대해 특정 CSS 속성에 대한 특정 기본값을 정의합니다. 이는이 중 하나입니다. 유감스럽게도 기본값은 브라우저마다 다릅니다.

당신은 Reset CSS 소위를 사용하거나 기본 마진을 제거해야 다음 중 하나를

body { margin: 0; }

jsFiddle Demo

출처

2012-11-23 09:29:41 kapa

그래, 그렇게 할거야. 나는 그것이 단순한 하하라는 것을 알았다. 감사! – alexpyoung

Brilliant! 그것은 Body 태그를 위해 일했습니다! – sud007

몸은 너무 여유가 있습니다. 따라서 본문에 여백 0을 설정하지 않으면 해당 페이지의 여백을 0으로 완전히 설정하지 않습니다.

출처

2012-11-23 09:31:27 Lex

Div는 margin : 0도 여백이 있습니다.

답변

관련 문제