Перекрыть два Div, используя float

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.