重叠两个Div隐藏内容

Question

我们使用“postion：absolute”和z-index重叠两个Div。

http://jsfiddle.net/z5GXV/

绿色区域中的文本（div id =“Zone2”）在黄色区域中隐藏文字（div id =“Zone3”）。有关如何显示文本的任何帮助吗？

Edit1：我们不能使用嵌套的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