부모가 중앙에있을 때 페이지의 왼쪽 가장자리로 요소를 늘리는 방법은 무엇입니까?

Question

50px 높이의 색상을 배치해야하지만 중간 컨테이너에서 페이지의 왼쪽 끝으로 이동합니다.

왼쪽 너비 100 % 유형 선택기가 있습니까?

이 사이트는 폭 960 픽셀에 맞는하지만 단색이 왼쪽에 스트레칭 할 필요가 ... 여기

은 예입니다, 그래서 당신은 내가 무슨 뜻인지 알아.

Answer 1

은 참조 : 당신이 그 지옥의 브라우저에서 작동해야하는 경우http://jsfiddle.net/thirtydot/HjrcT/

li, li:before { 
    height: 25px; 
} 
li { 
    position: relative; 
    width: 200px; 
    background: #777 
} 
li:before { 
    content: ' '; 
    display: block; 
    position: absolute; 
    width: 9999px; 
    left: -9999px; 
    top: 0; 
    background: #f0f 
} 

IE7 does not support :before 때문에, :before는 <span>로 교체해야합니다 : http://jsfiddle.net/thirtydot/HjrcT/1/ 여기

Answer 2

는 약간 다른 접근 방식이다 컨테이너 뒤에 앉아있는 50 % 너비의 div를 사용합니다. 막대의 색상은 메뉴 div와 일직선으로 동일하다는 환상을 만듭니다.

http://jsfiddle.net/F74cT/1/