CSS - 允許一個div伸出其父母

Question

我一直在尋找一種方法來讓一個div伸出父母。

父母有浮動：正確，我試圖使它點擊切換顯示/隱藏子元素，但子元素顯示/隱藏在div後面。我想讓它「堅持」父母的div。

謝謝！ :)

Answer 1

你的解釋不是很清楚，但這裏是一個帶有子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>

Answer 2

溢出：可見;對父母應該做的伎倆 - 要小心，如果你有和尺寸設置頭腦！

Answer 3

我也揭示/右浮動父DIV的小演示隱藏了一個切換的幫助其子格： http://dabblet.com/gist/2719434 它有幫助嗎？