相对父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隐藏着溢出：隐藏，预计悬停在彼此之上

回答

相关问题