나는 두 div,을 위에 아이의 부모,위려고 노력했지만 아이 div 붙어 있어,외부 무엇이 잘못입니까?
.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>부모 요소가 있어야 position: relative.
추가 position: relative 부모 클래스 .content 아이가 div 부모 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>