CSS 픽셀 이동 문제가 있습니다. 일부 픽셀로 이동 한 다음 정상으로 돌아 가기

Question

CSS에 몇 가지 문제가 있습니다. Check this page. 해당 페이지에서 "바르셀로나"링크를 클릭하면 전체 페이지가 오른쪽으로 10 픽셀 이동하고 다시 정상으로 돌아 오는 것을 볼 수 있습니다. 왜 그런 일이 일어 났습니까? 어떤 도움이 필요합니까? 감사합니다.

Answer 1

세로 스크롤 막대가 나타나서 이동합니다. 또한 "바르셀로나"에 해당하는 이미지는 Firefox에서 잘못된 위치에 표시됩니다. 다음 이미지가 표시되기 전에 이전 이미지가 제거되지 않고 아래에 표시되도록 할 수 있습니까?

이미지 위치 지정 외에도 overflow-y:scroll을 html에 설정하는 것이 좋습니다. 그것은 스크롤바가 항상 보이도록 강제 할 것입니다. (아마도 가장 멋진 모양은 아닐 것입니다.)하지만 다른 페이지로 이동할 때 페이지가 바뀌지 않을 것입니다. (일부는 길기 때문에 스크롤바가 보여줄 수도 있고 스크롤바가 없을 수도 있습니다)

Answer 2

"바르셀로나"를 클릭하면로드되는 이미지가 컨테이너보다 넓습니다. 해당 이미지의 너비를 줄이거 나 이미지 컨테이너를 조금 더 넓게 만듭니다.