为什么一个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

Answer 2

它就在那里，只有DIV回到了左侧并显示在div的后面。你需要添加＆＃34; float＆＃34;它会自动将DIV放在前一个元素的左侧。