Место элемент поверх другого

Question

Я хочу, чтобы поместить DIV с теми же размерами, как синее поле, над синей коробке: D

Я знаю, что это возможно, делая синий ящик относительно, положите DIV внутри него с абсолютным положением в позиции 0,0.

Но есть ли способ сделать это, не изменяя CSS синего квадрата и не помещая его внутри него?

Я хочу, чтобы DIV проходил в конце тела документа.

Answer 1

div.blue-box { 
    ...stuff here... 
} 

div.other-blue-box { 
    position: absolute; 
    z-index: 1; /* z-index must be greater than the z-index of div.blue-box */ 
    top: <location of the div.blue-box>; /* must correspond with the top position of the div.blue-box */ 
    left: <location of the div.blue-box>; /* must correspond with the left position of the div.blue-box */ 
} 

Устанавливая position : absolute к новому div, он будет идти туда, где вы говорите его независимо от других элементов на странице. z-index уверен, что он ставится выше оригинальная синяя коробка. Неважно, где вы размещаете новый синий ящик в DOM, если он имеет абсолютную позицию и более высокий индекс дзета, чем другие элементы.

Answer 2

Theres не может изменить размещение div без изменения css. Позиционирование скреста и попытка плавания и очистки.