바 너비 전체에 걸쳐

Question

내가 일하고있는 웹 사이트를 참조하십시오 : 링크 오프라인

나는 페이지의 전체 너비 위에 흰색 막대를 놓으려고합니다. 이것은 그가 수직으로 중심이 잡히기 전에 잘 작동했습니다.

나를 도와 줄 사람이 있습니까?

Answer 1

을 #container 요소에 추가하기 만하면됩니다.

또는 position:relative을 #container에 설정하면 동일한 효과 (예 : @mamadrood 올바르게 나타남)를 달성 할 수 있습니다.

Answer 2

# outer div는 이미 절대적이며, #container는 상대적인 위치를 가져야합니다.

Answer 3

컨테이너 요소에서 position: absolute을 삭제하면 유용합니다.

Answer 4

사용자가 요소의 가운데를 맞출 때 문제가있는 것은 position: absolute;입니다. 절대적으로 배치 된 요소는 자녀의 크기를 차지하므로, 너가 마음에 들지 않으면 너비를 지정해야합니다.

#container { 
    width: 100%; 
} 

또는

#container { 
    left: 0; right: 0; 
} 

당신을 위해 작동합니다.