Cum pot pune copilul div pe partea de sus dreapta?

0

Problema

am două divs, vreau pentru a pune copilul pe partea de sus de părintele de sus, am încercat dar copilul div a rămas blocat în afara, ceea ce este greșit?

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

css
2021-11-24 04:58:32
1

Cel mai bun răspuns

2

Elementul părinte trebuie să aibă position: relative.

Adauga position: relative la clasa părinte .content pentru a face copilul div interiorul div părinte.

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

2021-11-24 05:02:48

În alte limbi

Această pagină este în alte limbi

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................