html - 为什么一个div不可见？

Question

这是 div 结构:

<div class=" wrap clear">
    <div class="block pink float"></div>
    <div class="block blue float"></div>
    <div class="block orange float"></div>
    <div class="block green see"></div>
</div>

fiddle here

我所做的是添加一个名为 see 的类，它为绿色框提供了 z-index 1000。但我仍然看不到盒子。我想看到这个盒子，而不是让它漂浮在它的位置上。 ？

Answer 1

将此添加到 .block:

position:relative;

z-index 仅适用于非static 元素。

DEMO