position2 [CSS] position-fixed (메뉴, 사이드 바 스크롤 시 고정) position-fixed 우리가 사용하는 웹페이지 화면을 보면 오른쪽 하단이나 메뉴 등이 고정돼있는 경우를 많이 봤을 것이다. 예를 들면 밑의 사진처럼 웹에서 블로그 글을 작성할 때 상단 도구 바, 웹에서 쇼핑을 할 때 양측 사이드 광고 블록 등 마우스 스크롤을 해도 화면 내용만 바뀔 뿐 고정된 콘텐츠들이 있다. 이것을 바로 position의 fixed 속성을 사용하여 고정해주는 것이다. z-index 위에 설명한 absolute 3색 예제를 보면 파란색이 빨간색, 노란색 둘 다 덮어 위에 표시되는 것을 알 수 있다. 포지션은 z 축을 사용하는 것이다. 그러므로 z-index 속성을 사용하여 우선순위 등을 정해주어야 하는 경우가 있다. 1번 빨간 동그라미로 콘텐츠의 높이를 스크롤로 확인해야 할 만큼 준.. 2022. 9. 21. [CSS] invalid property value 오류 해결 방법 예상 외로 정말 간단한 오류다! 이렇게 마우스를 올려보면 오류 항목 invalid property value 라고 뜨는데 픽셀값을 안줬기 때문이다. 가끔 pixel 단위 'px'값을 0으로 줄 때나 다른 몇 속성들은 px를 입력 안해도 되지만 이런식으로 position을 잡는 것에서는 정확하게 px 단위를 입력해야한다. 그렇지 않으면 이 오류가 뜬다. 2022. 7. 24. 이전 1 다음
