爲什麼一個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放在前一個元素的左側。