[HTML] HTML / CSS : 총 페이지 너비가 콘텐츠보다 넓습니다.

귀하의 페이스 북 버튼이이 문제의 원인입니다 (버튼을 제거하면 문제가 사라집니다).

facebook iframe의 너비 575px는 style 속성 을 통해 설정되어 페이지가 100 %보다 넓어집니다.

CSS 규칙 html,body{overflow-x: hidden;}을 추가하여 문제를 마스킹 할 수 있지만 대신 해당 버튼을 실제로 수정해야합니다.

-------------------

범인을 진단하는 두 가지 방법.

방법 A

1. 요소 탭에서 Chrome 개발 도구를 엽니 다.
2. 왼쪽의 삼각형 위로 마우스를 가져 가서 HTML 아래의 모든 요소를 ​​확장 한 다음 Ctrl + Alt 클릭 (Windows) 또는 Option 클릭 (Mac)합니다.
3. 각 요소 위에 마우스를 올려 놓고 웹 페이지의 영역 내부가 강조 표시되어 너무 넓게 표시되는지 확인합니다.

방법 B

1. Chrome 개발 도구를 열고 Esc를 눌러 콘솔을 엽니 다.

2. 이 코드를 붙여넣고 Enter를 누르십시오.

   var docWidth = document.documentElement.offsetWidth;
       [].forEach.call(
         document.querySelectorAll('*'),
           function(el) {
               if (el.offsetWidth > docWidth) {
                     console.log(el);
                         }
                           }
                           );
                           

그러면 페이지의 모든 요소가 돌출되어 있습니다. Chris Coyier에게 감사드립니다 https://css-tricks.com/findingfixing-unintended-body-overflow/

출처
https://stackoverflow.com/questions/7415106