2012-05-28 1 views
0

나는 이것을 잘 설명 할 수 없으므로 다이어그램을 만들었습니다. 예!패딩 처리 된 유체 부모의 폭을 늘리는 요소

sweet diagram bro http://f.cl.ly/items/193A2f0g223419372W0q/Screen%20Shot%202012-05-27%20at%2010.02.46%20PM.png

나는 95 %의 폭 및 30 픽셀의 패딩을 가진 부모가있다. 이 섹션 안의 요소의 99 %는 항상 패딩 경계 내에서 흘러 넘치는 100 % 폭입니다.

그러나. 하나의 대체 사용 사례가 있는데, 섹션 상단에 경고가 표시되어 페이지 전체에서 전체 길이를 늘려야합니다.

콘텐츠의 대부분을 담을 수있는 내부 컨테이너를 만들 수는 있지만 성공 배너의 너비가 100 % + 패딩을 갖도록 조정 한 다음 오프셋 할 수는 있습니다. : 친척), 그게 최선의 해결책이 될 것 같습니다. 대신 width: 100%

+0

당신은 또한 사용할 수있는 부정적인 여백 왼쪽 –

+0

폭'합니까 : 100 %; margin-left : -30px' 작품? –

+0

그것은 위치의 문제가 아니라 폭입니다. 너비 100 %는 패딩 내에서만 늘입니다. 참조 : http://cl.ly/1O3E2t0c0r0p3P1a1A3Q –

답변

3

, display: blockmargin: 0 -30px; 예를보십시오 : (나쁜 ID에 대한 죄송) http://jsfiddle.net/tx6av/1/

+2

당신은 신사이고 학자입니다. 이 작동합니다. 감사! –

관련 문제