css 하위 레벨이 부모 레벨에 대한 위치 추적

3227 단어 css위치 지정
하위 요소를 상위 요소에 비해 포지셔닝 1을 하려면 상위 요소에position:relative 2를 추가하고 포지셔닝이 필요한 하위 요소에position:absolute를 추가하고lefttop 등으로 포지셔닝을 진행합니다
.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입니다.

좋은 웹페이지 즐겨찾기