네이버 모바일 1

📌학습 내용

❕ 학습
(1) 브라우저의 사이즈와 상관없이 높이값을 100%로 채우고 싶을 때 height: 000vh; (viewport/height)를 쓰면 뷰포트의 값으로 높이를 적용함
(2) 공백을 포함한 영역에서 스크롤을 ul이 아닌 전체로 확대하기
🔗ul에만 스크롤 적용; margin

ul {
	overflow-x: auto; 
   	margin-left: 20px }

🔗영역 전체 스크롤; padding

ul {
	overflow-x: auto; 
   	padding-left: 20px }

참고
JS 적용 전 CSS상에서 스크롤 없애고 보고 싶을 때 아래 코드 함께 사용
(ios에서는 스크롤 없이 좌우 이동 가능하기 때문에 불필요할 때)

ul { 
	-ms-overflow-style: none;
    	scrollbar-width: none; }

ul:-webkit-scrollbar { 
	 display: none; }        

-ms-: IE, edge
scrollbar-width: firefox
-webkit-: safari, opera, chrome

📖실습

💡 상단 네비와 본문 네비

💡 main - 1

📌어려운 점

🤍

📌해결방법

🤍

📌느낀 점

🤍