Css абсолютное положение внутренний div в верхней части страницы, игнорируя относительное положение родителей

существует ли способ абсолютного положения внутренний div в верхней части страницы, игнорируя относительное положение родителей?

Ответ 1

Нет, если вы не переустановите его в DOM.

(использование position:fixed может быть альтернативой, если вы хотите, чтобы это связано с окном, а не связанное с документом)

Ответ 2

Вы можете использовать position: absolute; и отрицательные значения:

HTML:

<div id="parent">
      <div id="child">
           The child content
      </div>
</div>

CSS

#parent
{
    position: relative;
    top: 200px;
    border: 1px dashed #f00;
    height: 50px;
    width: 200px;
}

#child
{
    position: absolute;
    top: -200px;
}

Это должно сделать это. Пример для вас здесь.