style = "padding-top : 100px;

Question

점프 링크를 사용하여 페이지 요소 사이를 이동하는 웹 사이트 (대화식 사용자 가이드)가 있으며 Firefox, IE 및 Edge에서 모두 정상적으로 작동하는 웹 사이트가 있습니다. 하지만 크롬과 오페라는 '패딩'을 무시합니다.

을 웹 사이트 고정 메뉴 모음이 있기 때문에,이 점프 링크 위치가 크롬과 오페라에있는 바에서 사라 의미한다.

나는을 위해 사용하고 간단한 코드를 점프 링크 오프셋 :

<a id="namexxx" style="padding-top: 100px;"></a> 

이 작업을 수행하려면 어떻게해야합니까? 크로마와 오페라?

내가 검색을 통해 찾을 수 있었던 모든 솔루션은 다른 브라우저 간의 차이점에 대한 답변을 제공하지 않습니다.

건배!

Answer 1

패딩은 요소 자체의 크기를 증가시킬 수 있으므로이 방법으로 요소의 위치를 ​​변경하는 적절한 방법이 아닙니다. 링크의 경우, 큰 링크 영역을 효과적으로 생성 할 수 있으며 링크 위의 공간도 클릭 할 수있게됩니다.

margin-top을 사용하면 요소를 페이지 아래쪽으로 옮기는 것이 좋습니다. 나머지 마크 업에 따라 링크 요소에도 display: inline-block;을 설정해야 할 수 있습니다.