외부 div에 삽입 된 div의 일부분을 어떻게 넣을 수 있습니까?

enter image description here

두가 같은 폭과 높이와 마지막 (빨간색 DIV)가 외부의 전부는 아니지만 가야을, 단지 일부 (10 %) 나는 margin-left: -10px;을 시도했지만 작동하지 않았다.

감사합니다.

블록 요소에 대해 음수 여백이 적용됩니다. 어쩌면 http://jsfiddle.net/에서 문제의 실제 예제를 얻고 여기에 게시 할 수 있습니까? – ANeves

This before -> normal After -> margin-left 음수 및 z- 인덱스 사용 http://imgur.com/nJsDl –

http://jsfiddle.net/pmc7B/1/ 내 코드 –

당신은 외부 div의 하나에 overflow: hidden을 설정 한 것으로 보인다. 그래서 음수 여백을 적용하면 내부 div가 잘립니다.

2011-09-26 15:18:45

고마워요 !! –

하지만 어떻게 오버 플로우를 할 수 있습니까? : S –

@MiguelBeltranSanz 당신은 아마도'overflow : hidden'을 소위 "clearfix"로 사용하고있었습니다. 컨테이너를 떠 다니는 것부터 다양한 nitfy 트릭을 거치고 오래된 '

'을 컨테이너 바닥에 추가하는 것까지 clearfix를 수행 할 수있는 몇 가지 다른 방법이 있습니다. –

절대 위치 지정을 사용하고 z-index을 지정하십시오. 나는 당신이 일을하려고 무엇을 볼 생각

<div style="position: absolute; left: -20px;">

2011-09-26 14:17:42 b3n

은 부모에게 <div> 상대 위치를 지정합니다. 빨간색 div에 +1의 Z 인덱스를 부여하여 다른 사람 위에 띄우고 독립적으로 작동하도록

2011-09-26 14:18:31

-1

<div style="position: relative;">

그런 다음 빨간 <div> 부정적인 왼쪽 값을 제공 :

2011-09-26 14:19:11 CelticExile

-1 : z-index만으로는 아무런 차이가 없습니다. – ANeves

문제가 불필요한 경우 절대 위치 지정을 사용하지 마십시오.

마이너스 마진이 충분해야한다 : http://jsfiddle.net/pmc7B/1/

2011-09-26 14:22:54 ANeves

답변