Come posso mettere il bambino div in alto a destra?

Question 1

io ho due div, voglio mettere il bambino in cima al padre superiore, che stavo cercando, ma il bambino div rimasto bloccato al di fuori, che cosa è sbagliato?

.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 principale deve avere position: relative.

Aggiungere position: relative per la classe padre .content per rendere il bambino div all'interno del genitore div.

.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 principale deve avere position: relative.

Aggiungere position: relative per la classe padre .content per rendere il bambino div all'interno del genitore div.

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

Come posso mettere il bambino div in alto a destra?

Domanda

Migliore risposta

In altre lingue

Questa pagina è in altre lingue

Popolare in questa categoria

Domande popolari in questa categoria