css子级相对于父级定位

想让子级元素相对于父级定位
1，在父级元素加position:relative
2，再在需要定位的子级元素加position:absolute，再用left top等进行定位

.divF{
width:50px;
height:50px;
position:relative
}
.divC1{
width:10px;
height:10px;
position:absolute;
top:5px;
left:5px;
}
.divC2{
width:10px;
height:10px;
position:absolute;
top:5px;
left:5px;
}

<div class='divF'>
  <div class='divC1'></div>
  <div class='divC2'></div>
</div>

如代码 divC1，divC2是divF的子级 参照的div都是divF