css子の親に対する位置決め

3200 ワード

親に対する子要素の位置付け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>

コードdivC 1のように、divC 2がdivFのサブレベル参照であるdivはdivFである