相對父div中的兩個絕對子div隱藏着溢出：隱藏，預計懸停在彼此之上

當我使用float時，childs彈出父項。相對父div中的兩個絕對子div隱藏着溢出：隱藏，預計懸停在彼此之上

我剛剛將overflow:hidden放在父級上，並且子級彈回父級。

但是，我不能這樣做絕對div和相對div。

.parent { 
 
    position: relative; 
 
    overflow: hidden; 
 
} 
 
.child { 
 
    position: absolute; 
 
}

<div class="parent"> 
 
    <div class="child">First</div> 
 
    <div class="child">Second</div> 
 
</div>

的目標是浮動2個圖像一個在另一個之上，以創建幻燈片，但仍然使頁面尊重幻燈片作爲項目。

預期：「第一」懸停上述「第二」內側父

行爲：「第一」和「第二」是隱藏的，親本是在height0px。

刪除overflow:hidden;後，它們顯示在父級之外。

來源

2016-02-13 Gala

你能張貼整個代碼或代碼的鏈接？ – johannesMatevosyan

沒有更多的代碼。一個人如何在一個div上第一次浮動？ – Gala

_「當刪除overflow：hidden時，它們出現在父級之外」_ - 這是浮動的效果，浮動元素不會再影響父級的高度。有幾種方法可以解決這個問題 - 「overflow：hidden」就是其中之一，但是它自己的浮動父元素，或者使它成爲「display：inline-block」也會使它封裝浮動子元素。 – CBroe

既然你有一個相關的父div內只有絕對div有效的父div沒有內容。你可以設置一個首選高度的父div，但也需要設置html和身高爲100％。

注意：您可能會你的父母DIV設爲您的圖像的大小顯示

我有彩色父黑色和孩子紅色的視圖的視覺角度。

這是你想要實現的嗎？對不起，如果我錯過了解你的問題。

html, body { 
 
\t 
 
\t height:100%; 
 
\t width:100%; 
 
} 
 
.parent { 
 
    position: relative; 
 
    height:50%; 
 
    width:50%; 
 
    background-color:Black; 
 
} 
 
.child { 
 
    position: absolute; 
 
    background-color:red; 
 
    width:20%; 
 
    height:20%; 
 
}

<div class="parent"> 
 
<div class="child">First</div> 
 
<div class="child">Second</div> 
 
</div>

來源

2016-02-13 22:16:34

相對父div中的兩個絕對子div隱藏着溢出：隱藏，預計懸停在彼此之上

回答

相關問題