Как использовать z-index, чтобы элемент перекрывал другой элемент в CSS

Question

Во-первых, вот ссылка на скрипку, в которой я застрял: http://jsfiddle.net/FYHMV/

Я бы хотел, чтобы box3 перекрывал box1 и все еще имел box3 внутри box1 и ниже box2

Высотаof box1 продолжает корректироваться в соответствии с высотой box3, в то время как я хотел бы, чтобы высота box1 корректировалась в соответствии с содержимым box2.

Я надеюсь, что вы сможете помочь мне в этом, спасибо!

Answer 1

Попробуйте изменить поле 3 на position: absolute;

Это то, что вы хотите сделать?

http://jsfiddle.net/FYHMV/2/

Чтобы ваш левый стиль работал, вынужно, чтобы поле 1 было установлено на position: relative