css - 由于溢出 :hidden.，绝对 div 没有出现在前面 还有其他选择吗？

Question

我在显示绝对定位的 div 并将其置于最前面时遇到问题。

相对div高度小，绝对div高度大。因为我在 block div 中使用 float ，所以我必须使用 overflow:hidden 来实际获得 block div 一些高度。

当我不使用 overflow:hidden 和 floats 时，z-index 就可以正常应用。但是在应用 floats 和 overflow:hidden 之后问题出现了。

Fiddle Link

提前感谢您的帮助。

Answer 1

I've to use overflow:hidden to actually get the block div some height.

您可以使用 clear:both 为 float 元素的父级提供高度。您可以使用 ::after 伪元素来清除 float ，如下所示:

.block::after{
 content:"hi";
 display:block;
 clear:both;
}

JS Bin