重叠两个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。