2012-05-17 3 views
3

div에서 부모를 빠져 나갈 수있는 방법을 많이 찾았습니다.CSS - div가 부모로부터 튀어 나오도록 허용

부모가 float : right이고 하위 요소를 표시/숨기기를 전환하도록 설정하려고합니다.하지만 하위 요소는 div 뒤에 표시되거나 숨겨집니다. 부모 div의 "스틱 아웃"을 만들고 싶습니다.

감사합니다. :)

+1

지금까지 시도한 코드를 제공해주십시오. –

+0

구조에 얼마나 제약이 있습니까? 이런 식으로하고 싶다면 두 번째 요소를 자식으로 두지 않아도됩니다. 부모에게 독립적으로 페이지에 배치하고 보이는 속성이 상속되지 않는지 확인하십시오. –

답변

2

귀하의 설명은 명확하지 않지만, 여기서는 오른쪽으로 정렬 된 부모 div와 밖으로 튀어 나와있는 child div의 데모가 있습니다. 나는 당신이 내가 알 수/권리 떠 부모 DIV의 작은 데모 토글의 도움으로 자식 사업부를 숨 깁니다 않았다 :)

#parent { 
 
    width: 200px; 
 
    height: 200px; 
 
    background-color: #FF0000; 
 
    float: right; 
 
    position: relative; 
 
} 
 
#child { 
 
    width: 300px; 
 
    height: 100px; 
 
    background-color: #00FF00; 
 
    position: absolute; 
 
    right: 0; 
 
}
<div id="parent"> 
 
    Parent 
 
    <div id="child"> 
 
    Child 
 
    </div> 
 
</div>

1

오버 플로우 : visible; 부모님께서는 속임수를 써야합니다.

관련 문제