Posición CSS: fija dentro de un elemento posicionado

Si encuentras alguna parte que te causa duda nos puedes dejar un comentario y te responderemos lo mas rápido que podamos.

Solución:

Puedes usar el position:fixed;pero sin conjunto left y top. Luego lo empujarás hacia la derecha usando margin-leftpara colocarlo en la posición correcta que desee.

Consulte una demostración aquí: http://jsbin.com/icili5

La solución seleccionada actualmente parece haber entendido mal el problema.

El truco consiste en no utilizar posicionamiento absoluto ni fijo. En su lugar, tenga el botón de cerrar fuera del div con su posición establecida en relativa y un float izquierdo para que esté inmediatamente a la derecha del div. A continuación, establezca un margen izquierdo negativo y un índice z positivo para que aparezca sobre el div.

Aquí hay un ejemplo:

#close
    
        position: relative;
        float: left;
        margin-top: 50vh;
        margin-left: -100px;
        z-index: 2;
    

#dialog
    
        height: 100vh;
        width: 100vw;
        position: relative;
        overflow: scroll;
        float: left;
    

 
    

    ****
    

    
 

Position:fixed da una posición absoluta con respecto a la ventana del NAVEGADOR. así que por supuesto que va allí.

Tiempo position:absolute se refiere al elemento principal, por lo que si coloca su