为什么一个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的显示。你需要添加“浮动”到它，所以它会自动将DIV放在前一个元素的左侧。