重疊兩個Div隱藏內容

Question

我們使用「postion：absolute」和z-index重疊兩個Div。

http://jsfiddle.net/z5GXV/

在綠色區域的文本（DIV ID = 「2區」）是隱藏在黃色區域文本（DIV ID = 「3區」）。有關如何顯示文本的任何幫助？

編輯1：我們不能使用嵌套的div。

Answer 1

我不知道所有的絕對定位是什麼好處，但你可能想把黃色區域放入綠色區域div，並使用浮動。我可能覺得

Solution with a float within the green zone

Solution with padding

Answer 2

最簡單的方式做到這一點：

使用一個嵌套div的Zone2裏面包裹你的文字，使它看起來好像它包裹Zone3。

這與使用<p>或<span>和display: block;類似。

jsFiddle example。