이슈 발생 html 페이지를 만들면서 페이지 width와 웹 브라우저의 width가 약 20px 정도 차이가 났다. 내가 만든 태그가 무슨 문제가 있는건지 계속 삭제하고 만들고 삽질을 하다가 개발자 도구로 이리저리 영역을 확인해봤더니 해답을 알 수 있었다. 원인 위 두 이미지의 차이는 수직 스크롤바가 있느냐 없느냐인데, 스크롤바가 없는 첫번째 이미지는 전체 width가 웹 브라우저 width와 동일하다. 반면에 2번째 이미지는 body를 가리키는 푸른 영역에 수직 스크롤바가 포함이 안되어 있는 것을 볼 수 있다. 즉 결론은, html 문서에서 전체 width는 스크롤바 영역을 제외한 전체 width를 나타낸다. 따라서 앞서 이슈처럼 약 20px 정도 차이가 나는 이유는 이 스크롤바 영역의 너비 차이인 것..
