Ghost CSS 요소 찾기

최근에 로그인 페이지에서 오류가 발생하여 오른쪽에 이상한 공백이 넘쳤습니다.

나는 몇 시간 동안 CSS 간격을 찾아서 그것을 만들거나 일부 잘못된 요소가 나의 HTML에 있는지 찾았지만, 어떤 부적절한 부분도 찾지 못했다.페이지의 요소에 공백이 없습니다.🧐
그리고 나는 stumbled upon this post 곧 문제를 발견했다.이 블로그는 ghost 요소를 표시하기 위해 CSS 스타일을 사용하는 것을 권장합니다.👻:

* {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
}

이제 문제를 야기하는 부분을 찾을 수 있습니다.

마지막으로 일치하지 않는 HTML 요소를 수정해야 합니다.
처음부터 CSS 스타일로 디버깅을 도와주면 몇 시간의 작업을 절약할 수 있다🤦🏻‍♂️