Skip to main content
Añadido en snippet código en el comentario del OP.
Origen Enlace
phpMyGuel
  • 14.8k
  • 1
  • 22
  • 38

Estoy intentando colocar dos elementos, que están dentro de un contenedor que tiene la propiedad display: flex; pero no lo consigo, y no sé si puede.

He estado probando con la propiedad opacity y con z-index. Pero nada de nada.

.flex-container {             
  display: flex;      
  justify-content: center;             
  align-items: center;
}         

#div1 {             
  width: 500px;             
  height: 500px;             
  background-color: red;         
}   

#div2 {             
  width: 250px;            
  height: 250px;             
  background-color: gold;             
  border: 1px solid #333;             
  border-radius: 20px;         
}     
<body class="flex-container">     
  <div id="div1"></div>     
  <div id="div2"></div> 
</body> 

Estoy intentando colocar dos elementos, que están dentro de un contenedor que tiene la propiedad display: flex; pero no lo consigo, y no sé si puede.

He estado probando con la propiedad opacity y con z-index. Pero nada de nada.

Estoy intentando colocar dos elementos, que están dentro de un contenedor que tiene la propiedad display: flex; pero no lo consigo, y no sé si puede.

He estado probando con la propiedad opacity y con z-index. Pero nada de nada.

.flex-container {             
  display: flex;      
  justify-content: center;             
  align-items: center;
}         

#div1 {             
  width: 500px;             
  height: 500px;             
  background-color: red;         
}   

#div2 {             
  width: 250px;            
  height: 250px;             
  background-color: gold;             
  border: 1px solid #333;             
  border-radius: 20px;         
}     
<body class="flex-container">     
  <div id="div1"></div>     
  <div id="div2"></div> 
</body> 

Origen Enlace
Hugo
  • 321
  • 2
  • 3
  • 13

Colocar elementos unos encima de otros con diplay:flex

Estoy intentando colocar dos elementos, que están dentro de un contenedor que tiene la propiedad display: flex; pero no lo consigo, y no sé si puede.

He estado probando con la propiedad opacity y con z-index. Pero nada de nada.