HTML ID를 컨테이너 외부로 이동하려면 어떻게해야합니까?

나는 900px 너비의 컨테이너를 가지고 있는데 그 안에는 100 % 너비의 헤더가 있지만 컨테이너의 100 % 만 차지합니다. 전체 페이지를 가져 와서 컨테이너를 무시하지 않고 어떻게 만들 수 있습니까? 컨테이너 html 태그?HTML ID를 컨테이너 외부로 이동하려면 어떻게해야합니까?

#container { 
width: 900px; 
margin: auto; 
padding: auto; 
position: relative; 
} 

#header { 
background-image: url(pat.png); 
background-repeat: repeat; 
padding: 0px; 
margin: 0px; 
height: 150px; 
width: 100%; 
}

출처

2012-09-07 Rogustus

샘플 코드는 좋을 것입니다. 보지 못하는 시력, 나는 당신이 묻고있는 것을 당신이 할 수 있다고 생각하지 않습니다. 너비 100 %는 항상 컨테이너의 너비를 나타냅니다. –

너비의 값을 헤더의 900px 이상으로 지정하십시오. –

하지만 무한하고 좋아합니다. – Rogustus

절대 위치 지정을 사용합니다. 그런 다음 머리말 요소는 가장 가까운 부모 인 position: relative; (기본적으로 <body> 요소)에 따라 크기가 지정되고 배치됩니다. 좋아요 :

#header { 
    position: absolute; 
    left: 0; 
    right: 0; /* it will span from the left to the right edges */ 
    height: 100px; /* it helps to set a fixed-sized height too, but this isn't required */ 
}

출처

2012-09-07 22:31:55 Dai

이것은 나를 위해 작동하지 않습니다 – Rogustus

@Rogustus 왜냐하면 당신의'# Container'도 상대적으로 배치되어 여전히 그 컨테이너의 100 %를 계산하고 있기 때문일 수 있습니다. '# Container'에서 상대 위치를 제거하고 그것이 작동하는지 확인하십시오 –

HTML ID를 컨테이너 외부로 이동하려면 어떻게해야합니까?

답변

관련 문제