TIL

• inflearn 홈페이지 header의 nav clone

문제상황

• 힘들었던 것 : nav를 가운데 배치시키는 것
  • 처음 : nav을 만들고, margin을 좌우로 적용시켜서 가운데 배치시킴
    • 문제상황 : nav를 position: fixed;시키고, 나머지들이 nav에 의해서 가려지는지 체크했는데, margin적용된 부분은 가려지지 않았음
  • 해결 : padding:을 설정하여서, nav을 가운데 배치시켰음, 잘 가려졌음
    
• position: fixed; 적용시켰는데, nav의 오른쪽이 화면 바깥쪽으로 나감
  • 해결 :

  width: 100%;
  box-sizing: border-box;