HTML - Position absolute fuera del contenedor

 
Vista:
sin imagen de perfil
Val: 3
Ha aumentado su posición en 16 puestos en HTML (en relación al último mes)
Gráfica de HTML

Position absolute fuera del contenedor

Publicado por Jonathan (2 intervenciones) el 15/10/2019 01:23:47
Estimados tengo la siguiente estructura de ejemplo

1
2
3
4
5
6
<div class="row">
    <div class="col-xl-9 col-lg-9 col-md-12 px-n3">
        <div class="row prueba">
        </div>
    </div>
</div>

con el siguiente código css

1
2
3
4
5
6
7
8
9
10
.prueba{
    background-color: aqua;
    position: absolute;
    top: 0;
    width: 100%;
    height: 20px;
    z-index: 5000;
    left: 0;
    right: 0;
}

quiero sacar el div prueba fuera del primer div, pero solo consigo sacarlo del div col-xl-9, por lo tanto al poner top 0 no consigo que quede al tope de la pagina, sino que queda al tope de su contenedor.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 1.453
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Position absolute fuera del contenedor

Publicado por joel (460 intervenciones) el 15/10/2019 11:10:48
Hola Jonathan, no se exactamente que estilos tiene la clase .row, ya que determina la ubicación de position: absolute;...

prueba a poner: position: fixed;
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 3
Ha aumentado su posición en 16 puestos en HTML (en relación al último mes)
Gráfica de HTML

Position absolute fuera del contenedor

Publicado por Jonathan (2 intervenciones) el 15/10/2019 14:42:05
La clase Row de Bootstrap tiene los siguientes estilos
Display: flex
Flex-wrap: wrap
Margin-right: - 15px
Margin-left: - 15px
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar