使用float重叠两个Div

Question

我需要使用Divs创建以下页面布局。

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

我使用嵌套的div和float完成它，但嵌套的div不是必需的。我知道，其他的做法是宣布“position：absolute”并设置z-index，但这需要精确的顶部/右侧/底部/左侧位置，这是不合需要的。

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

Answer 1

你必须使用Position：Absolute，然后，如果你使用Top和Left设置它将占据整个页面的位置，但是如果你使用Margin-Top和Margin-Left，它将作为参考父母DIV。