使用float重叠两个Div

我需要使用Div创建以下页面布局。使用float重叠两个Div

http://jsfiddle.net/6Lanq/（请使用水平和垂直滚动条，看看具体的图片。我们有四个区）

我做到了使用嵌套的div和浮动，但嵌套的div都需要今非昔比。我知道的其他方式是声明“position：absolute”并设置z-index，但这需要确切的顶部/右侧/底部/左侧位置，这是不需要的。

可以做同样的事情，而不使用嵌套div和精确坐标？一些发现浮动或动态解决方案？

2010-10-20 Malik

你不需要顶部，右侧，底部和左侧的绝对定位。你只需要顶部和左侧，从那里宽度将接管。 – 2010-10-20 19:20:46

@Dustin：谢谢你的回复。我们可以使用top和left来实现这一点，但我们正在寻找动态的东西，而不是指定坐标。 – Malik 2010-10-21 05:47:57

您必须使用Position：Absolute，然后，如果您使用Top和Left来设置位置，它将占用整个页面，但是如果使用Margin-Top和Margin-Left，则它将作为引用父DIV。

2010-10-20 19:28:50 Rama

感谢您的回复。任何动态解决方案都有可能 – Malik 2010-10-21 06:06:42

由于您可能使用百分比代替像素，因此不知道您在此解决方案中的动态含义，因为它可以提供更大的灵活性。 – Rama 2010-10-21 13:15:10

回答