Comment puis-je mettre l'enfant div en haut à droite?

Question 1

j'ai deux divs, je veux mettre l'enfant sur le dessus de la mère supérieure, j'ai essayé mais l'enfant div suis coincé à l'extérieur, qu'est-ce que le 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

Élément Parent doit avoir position: relative.

Ajouter position: relative pour la classe parent .content l'enfant div à l'intérieur de la div parent.

.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

Élément Parent doit avoir position: relative.

Ajouter position: relative pour la classe parent .content l'enfant div à l'intérieur de la div parent.

.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>

Comment puis-je mettre l'enfant div en haut à droite?

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie