나는 개발 한 수많은 사이트에서이 문제에 직면했으며 현재는 내 개인 사이트에서도이 문제가 발생하고있는 것 같습니다. 문제는 페이지의 내용이 브라우저 창의 높이를 초과하면 상단의 navbar가 있어야한다는 위치에서 이동 한 것입니다 (몇 픽셀 왼쪽으로 이동).Safari 페이지 높이 문제
약 및 홈 페이지에서 페이지의 내용이 브라우저 창을 초과하지 않기 때문에 navbar가 올바른 위치에 표시됩니다. 그러나 연락처 페이지에서 양식을 사용하면 위치가 왼쪽으로 이동하게되고 이유는 확실하지 않습니다.
사전에 모든 도움/아이디어를 제공해 주셔서 감사 드리며 몇 시간 동안 이걸 가지고 놀았습니다. 어딘가에서 감독을해야 할 것 같습니다!
에 overflow-y: scroll;를 사용하여 스크롤 바를 사용을 보여줌으로써 해결할 수 있습니다, 브라우저 창의 오른쪽에 스크롤 막대를 추가합니다. 이렇게하면 브라우저 창의 사용 가능한 너비가 변경되므로 창의 오른쪽에 상대적으로 가운데 맞춤 또는 위치가 지정된 콘텐츠는 왼쪽으로 이동합니다. 이것은 매우 일반적입니다.
제어 방법은 여러 가지가 있지만 가장 일반적인 방법은 스크롤 막대가 있거나 스크롤 막대를 사용하지 않으려면 창에서 overflow-y 속성을 제어하는 것입니다.
설정 overflow-y: scroll은 스크롤바가 항상 존재하도록합니다.
설정 overflow-y: hidden은 스크롤바가 없도록합니다.
발견 된 문제 : 페이지 옆에있는 스크롤 막대로 넘어갑니다!
그것은 항상 페이지의 내용이 더 이상 수직으로 맞지 않을 때 내용
감사! 그냥 알아 냈어! 할 수있을 때 대답을 수락합니다. – jacktheripper