상단 헤더는 그냥 웹 사이트를 구축 사이트

Question

의 전체 폭에 걸쳐 나는 아직 건너하지 않은 무언가를하고 싶다. 사이트 상단에 여백이없고 주 콘텐츠에있는 경우 this site의 상단과 같습니다.

누군가 나를 올바른 방향으로 안내 할 수 있습니까?

현재 나는 그것을 준 :

<div id="header"><h1>Header</h1></div> 

그냥 조금 붙어.

Answer 1

기본적으로 여백 및/또는 패딩이있을 것이다 몸과/또는 HTML 요소 (정확한 값은 브라우저에 따라 다릅니다).

당신이 그들을 제거 할 경우, 어떤 DIV 후 윈도우의 폭을 채울 신체의 자식 (당신은 폭을 제한하는 CSS를 적용하지 않은 경우).

html, body { 
    margin: 0; 
    padding: 0; 
} 

그러면 주 콘텐츠에 여백을 설정할 수 있습니다. 나는 당신의 질문을 이해하면

#main_content { 
    margin: 5px 10%; 
} 

Answer 2

올바르게 이것은 당신이 CSS에서해야 할 일이다

전부

body { 
    margin:0px; 
    padding: 0px; 
} 

.