>  기사  >  웹 프론트엔드  >  CSS3 끈적임이 적용되지 않는 경우 수행할 작업

CSS3 끈적임이 적용되지 않는 경우 수행할 작업

藏色散人
藏色散人원래의
2020-12-11 09:12:297402검색

css3 끈적임이 적용되지 않는 해결 방법: 1. 상위 요소에는 Overflow:hidden 또는 Overflow:auto 속성이 있을 수 없습니다. 2. 위쪽, 아래쪽, 왼쪽 및 오른쪽의 네 가지 값 중 하나를 지정해야 합니다. 3. 상위 요소의 높이는 고정 요소의 높이보다 낮을 수 없습니다.

CSS3 끈적임이 적용되지 않는 경우 수행할 작업

이 튜토리얼의 운영 환경: windows7 시스템, css3 버전, thinkpad t480 컴퓨터.

권장: "css 비디오 튜토리얼"

sticky는 다음으로 인해 적용되지 않습니다.

  • 상위 요소는 Overflow:hidden 또는 Overflow:auto

  • top, right, Bottom으로 설정됩니다. 왼쪽 값 중 하나도 지정되지 않았습니다. ​​

  • 부모 요소의 높이가 고정 위치 요소의 높이보다 작습니다

  • 고정 속성은 사용자의 스크롤, 위치 간 전환에 따라 달라집니다. 상대 및 위치:고정 위치.

  • 요소 위치 지정은 특정 임계값을 넘기 전의 상대적 위치 지정이고 그 이후에는 고정 위치 지정입니다.

고정 속성은 다음 조건이 충족되는 경우에만 유효합니다.

  • 상위 요소에는 Overflow:hidden 또는 Overflow:auto 속성이 있을 수 없습니다.

  • 위, 아래, 왼쪽을 지정해야 합니다. 오른쪽 값 중 하나, 그렇지 않으면 상대 위치에만 있게 됩니다

  • 상위 요소의 높이는 고정 요소의 높이보다 낮을 수 없습니다

위 내용은 CSS3 끈적임이 적용되지 않는 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.