CSS overflow-x : 오버플로 : 숨김 작업시 숨김 작동하지 않음

Question

오버플로 -x는 본문에 어떻게 숨겨져 있지만 오버플로 - y : 스크롤을 유지합니까?

그냥 몸에 overflow : hidden을 넣으면 효과가있었습니다 (두 축 모두 스크롤하지 않음). 그러나 overflow-x : hidden과 같이 축을 지정하려고하면 갑자기 두 축이 모두 스크롤 할 수있게됩니다.

본문에만 적용되어야합니다. "래퍼"div 안에 아무 것도 래핑하고 싶지 않습니다.

이 작동하지만, 스크롤하지 양 축 원인 :

body { 
    overflow: hidden; 
} 

이 원인이 모두 스크롤 축 : 체내

body { 
    overflow-x: hidden; 
} 

있는 유일한 방법은 절대 위치 요소입니다.

Answer 1

이것은 WebKit의 버그 일 가능성이 높습니다. 이 링크에 따르면

https://css-tricks.com/findingfixing-unintended-body-overflow/

저자 것은 체내 축을 지정이 정확한 문제를 언급하고있다. 다른 질문에서 언급 한 것처럼 래퍼 div를 사용해야하는 것처럼 보입니다.