가로와 세로 모두 뷰포트를 오버플로하는 페이지가 있는데, 내비게이션을 항상 위쪽에 가로 중앙에 오도록 붙여넣고 싶습니다.
이제 접착 상단을 작동시킬 수 있지만 센터링은 작동하지 않습니다. 누구든지 도와줄 수 있나요?
으아아아 으아아아
코드펜: https://codepen.io/hbchin/pen/bGjpQLJ
위치: 고정 및 수직 위치 지정과 달리 left: 50%동적 위치 지정 옵션이 아니라 초기 위치만 설정합니다. 수평 스크롤바는 여전히 움직이기 때문에 "왼쪽 가장자리에서 50%"를 유지합니다.
left: 50%
왼쪽 및 오른쪽 위치를 고정하려면 제목 주위에 position:fixed 的标题容器，在其中，标题 div 可以获得 auto 여백을 추가하세요.
position:fixed
auto
몇몇 검색 끝에 다음을 발견했습니다:
CSS에서 위치 고정성을 사용할 때 요소가 왼쪽에 고정되지 않는 이유는 무엇입니까?
기본적으로 본체가 아주 큰 상자 너비만큼 자동으로 늘어나기 때문에 달라붙지 않습니다.
인라인 블록 컨테이너에 넣으면 너비가 어린이에게 자동으로 확장되는 것을 방지하여 붙여넣기 동작이 가능합니다.
이렇게 작동합니다:
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
위치: 고정 및 수직 위치 지정과 달리
left: 50%동적 위치 지정 옵션이 아니라 초기 위치만 설정합니다. 수평 스크롤바는 여전히 움직이기 때문에 "왼쪽 가장자리에서 50%"를 유지합니다.왼쪽 및 오른쪽 위치를 고정하려면 제목 주위에
position:fixed的标题容器，在其中，标题 div 可以获得auto여백을 추가하세요.몇몇 검색 끝에 다음을 발견했습니다:
CSS에서 위치 고정성을 사용할 때 요소가 왼쪽에 고정되지 않는 이유는 무엇입니까?
기본적으로 본체가 아주 큰 상자 너비만큼 자동으로 늘어나기 때문에 달라붙지 않습니다.
인라인 블록 컨테이너에 넣으면 너비가 어린이에게 자동으로 확장되는 것을 방지하여 붙여넣기 동작이 가능합니다.
이렇게 작동합니다:
으아아아 으아아아