Navigation1 CSS | <nav> 상단에 고정시키는 방법 예전에 했던 클로닝을 다시한번 복습중인데 또 다른 어려움에 봉착했습니다. 분명 예전에 배웠던 건데 아직도 익숙하지 않아서 똑같은 지점에서 헤매는 상황이에요. 바로 네비게이션 메뉴를 고정시키는 것입니다. 원하는 모양은 웹페이지를 스크롤해서 화면을 내려도 계속해서 메뉴가 상단에 고정되도록 하는 거에요. 현재까지 완성시킨 모습은 다음과 같습니다. display: inline-block을 이용해서 각각의 메뉴들을 가로로 정렬시켰고, 각각 메뉴의 ul, li의 여백들을 없앤 상태로 개별 메뉴인 li에 오른쪽, 왼쪽 여백을 15px씩 줬습니다. 지금까지 모습에 해당하는 CSS는 이러합니다. 지금부터는 상단에 메뉴를 고정시키는 작업을 할거에요. 어떤 CSS를 활용해야할까요? 바로 position입니다. Positon.. 2020. 5. 30. 이전 1 다음