css posición absoluta un divisor interno en la parte superior de la página ignorando la posición relativa de los padres

Question

¿Hay alguna manera de colocar un div interno en la parte superior de la página ignorando la posición relativa de los padres?

Answer 1

No, a menos que lo vuelvas a ubicar en el DOM.

(usando position:fixed podría ser una alternativa si se quiere que sea la ventana relacionada en lugar de documento relacionado)

Answer 2

Puede utilizar position: absolute; y negativos valores:

HTML:

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

CSS:

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

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

Esto debe hacerlo. Example for you here.