TIL Position

📌 Position - relative, absolute, fixed

#relation:元の位置に対する移動値

       div {
         position: relative;
         right: 50px;
       }

    -> 원래의 위치에서 오른쪽으로 50px이동한다. 

#absolute:親の行動に基づく

#fixed:必要な位置に固定

を上下にスクロールするときにその位置に固定される属性

header{
  position: fixed;
  left: 0;
  right:0;
  top:0;
  height: 48px;
  // ! body에 padding-top을 주어서 content와 떨어지게 만들 수 있음
  background-color: rgba(45,45,45,0.95);
}

img{
// img는 header(fixed)를 기준으로 정렬됨
  position:absolute;
  left: 50%;
  margin-left: -10px;
}

📌 Display : inline, inline-block, block

📌 Float