¿Cómo puedo poner el niño div en la parte superior derecha?

Question 1

tengo dos divs, quiero poner el niño en la parte superior de los padres de la parte superior, yo estaba tratando, pero el div hijo se quedó atascado en el exterior, ¿qué es el mal?

.content {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 200px;
  min-height: 140px;
  min-width: 140px;
  border: 1px solid;
}

.topcorner {
  width: 42px;
  height: 42px;
  background: red;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

<div class="content">
  <div class="topcorner">top</div>
</div>

Question 2

Elemento primario debe tener position: relative.

Agregar position: relative para la clase padre .content hacer que el niño div dentro del div padre.

.content {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 200px;
  min-height: 140px;
  min-width: 140px;
  border: 1px solid;
  position: relative; //Add this line
}

.topcorner {
  width: 42px;
  height: 42px;
  background: red;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

<div class="content">
  <div class="topcorner">top</div>
</div>

Maniraj Murugan · Answer 1 · 2021-11-24T05:02:48

Elemento primario debe tener position: relative.

Agregar position: relative para la clase padre .content hacer que el niño div dentro del div padre.

.content {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 200px;
  min-height: 140px;
  min-width: 140px;
  border: 1px solid;
  position: relative; //Add this line
}

.topcorner {
  width: 42px;
  height: 42px;
  background: red;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

<div class="content">
  <div class="topcorner">top</div>
</div>

¿Cómo puedo poner el niño div en la parte superior derecha?

Pregunta

Mejor respuesta

En otros idiomas

Esta página está en otros idiomas

Popular en esta categoría

Las preguntas más habituales en esta categoría