2012-07-10 2 views
1

고정 된 너비의 중심에있는 컨테이너가 있는데 그 안에 브라우저의 전체 너비 여야하는 요소가 있습니다.래퍼보다 넓은 행을 추가하십시오.

<div style="width: 960px; margin: 0 auto;"> 
    ...content... 
    <div style="width 100% ??;"></div> 
    ...content... 
</div> 

제 질문은 콘텐츠의 위 부분과 아래 부분을 배치하지 않고 작동하게하는 방법이 있습니까?

감사합니다.

enter image description here

+0

절대 위치를 지정한 경우 다시 위치로 이동합니다. 예 : – TheZ

+0

상단 회색 부분에 정적 높이가 있습니까? 그렇다면 빨간색 요소는 절대적으로 왼쪽으로 배치 할 수 있지만 위쪽에서부터 많은 픽셀을 배치 할 수 있습니다. – zen

+0

상단 부분에 동적 높이가 있습니다 : ( – Marvin3

답변

1

만큼 용기가 정적 위치, 당신은 사용할 수 있습니다 position: absolute : 당신이 전혀 top를 설정할 필요가 없으며, 상단 부분을 수행하지 않는

left: 0; 
position: absolute; 
right: 0; 

주 고정 높이가이어야합니다.

+0

http://dabblet.com/gist/3085834에서 데모 정렬 – Ryan

+0

대단히 감사합니다! 트릭을 만들었습니다. 희망 브라우저가 크로스 브라우저에서도 작동하길 바랍니다. – Marvin3

+0

@tMagwell : IE7에서 깨지지 않는 몇 가지 사항 중 하나 : – Ryan

관련 문제