Safari에서 CSS가 예상대로 작동하지 않습니다.

Question

"고정"꼬리말에 대해 CSS를 작성했습니다. 즉, 꼬리말은 항상 페이지 하단에 붙어 있습니다.

footer { 
    clear: both; 
    position: relative; 
    background-color: #e9eef2; 
    min-height: 135px; 
    width: 100%; 
    text-align: center; 
} 

이 모든 브라우저하지만 사파리에서 작동 - 아래는 동일한에 대한 CSS입니다. 사파리에서는 하단에 붙어 있지 않고 콘텐츠가 끝나는 곳에 나타납니다. 도와주세요!

Answer 1

브라우저 및 캐시의 모든 기록을 지우고 다시 시도하십시오. 일부 히스토리 브라우저는 모든 기록 및 캐시를 지울 때까지 미리보기 스타일을 잡습니다.

Answer 2

제공 한 코드는 나머지 코드를 업로드하지 않았으므로 도움이되지 않을 수 있습니다. 따라서 제공 한 코드에서 하단 또는 고정 부분에 고정시킬 속성을 추가하지 않았습니다. 그래서 다시 코드에서

, 나는 당신이 당신의 위치를 변경하는 것이 좋습니다 수 있습니다 상대 에 위치 : 바닥 : 고정하고 이러한 속성 추가 0을; 왼쪽 : 0.

해당 코드는 Safari를 포함한 모든 브라우저에서 지원됩니다.

그러나 또 다른 옵션으로 위치를 사용합니다. -webkit-sticky; 위치 : 끈적; 그리고 위에서 언급 한 속성을 추가합니다. 접미사 -webkit-를 잊어서는 안되므로 지원 될 것입니다.

두 옵션 중 하나가 Safari에서 완벽하게 실행됩니다.