#6.13 Navigation Bar part Three

오주형·2022년 7월 26일
0

position: absolute 는 가장 가까운 relative를 가진 부모 기준으로 움직인다.

  1. display:flex를 .nav-notification에 쓴 이유
    = 1을 block형태로 변경 후 width,height를 적용시키기위해서 태그의 부모인 .nav__norification에 flex를 부여함

  2. .navnotification에 position:absolute를 적용시켰더니
    메세지 아이콘 위로 오는 이유
    = absolute가 적용된 .nav
    notification의 기본위치가
    .nav__link 이기 때문이고 같은 위치에 적용되어있는
    의 위에 덮어씌워짐
    position:absolute가 position:relative를 가진 부모를 기준으로
    움직이는것은 맞지만 top,bottom,right,left를 이용하여 위치를
    변화시켰을때 position:relative를 가진 부모를 기준으로 움직임

profile
곧 개발자

0개의 댓글