바깥 쪽 컨테이너를 확장하는 가로 막대

Question

내가 무엇을 검색 할지는 모르겠지만 위치 유형을 변경하는 것만 큼 간단하다고 믿습니다 : CSS에서 사용됩니다.

컨테이너 DIV (너비 : 960px)가 있는데 어딘가에 주황색 "막대"가 표시되지만 용기보다 넓어 100 %가됩니다. 이것을 어떻게 할 수 있습니까?

Answer 1

이 효과를 달성하기 위해 절대 위치를 사용할 수있다.

HTML :

<div id="wrapper"> 
    <div id="orange-bar"></div> 
</div> 

CSS :

#orange-bar { 
    position: absolute; 
    left: 0; 
    right: 0; 
} 

JS 바이올린 : http://jsfiddle.net/Xh8uL/2/