div에서 부모를 빠져 나갈 수있는 방법을 많이 찾았습니다.CSS - div가 부모로부터 튀어 나오도록 허용
부모가 float : right이고 하위 요소를 표시/숨기기를 전환하도록 설정하려고합니다.하지만 하위 요소는 div 뒤에 표시되거나 숨겨집니다. 부모 div의 "스틱 아웃"을 만들고 싶습니다.
감사합니다. :)
div에서 부모를 빠져 나갈 수있는 방법을 많이 찾았습니다.CSS - div가 부모로부터 튀어 나오도록 허용
부모가 float : right이고 하위 요소를 표시/숨기기를 전환하도록 설정하려고합니다.하지만 하위 요소는 div 뒤에 표시되거나 숨겨집니다. 부모 div의 "스틱 아웃"을 만들고 싶습니다.
감사합니다. :)
귀하의 설명은 명확하지 않지만, 여기서는 오른쪽으로 정렬 된 부모 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>
오버 플로우 : visible; 부모님께서는 속임수를 써야합니다.
찾고있는 무슨 희망 : http://dabblet.com/gist/2719434 도움이 되었습니까?
지금까지 시도한 코드를 제공해주십시오. –
구조에 얼마나 제약이 있습니까? 이런 식으로하고 싶다면 두 번째 요소를 자식으로 두지 않아도됩니다. 부모에게 독립적으로 페이지에 배치하고 보이는 속성이 상속되지 않는지 확인하십시오. –