페이지에는 다음 구조의 테이블인 데이터 목록이 div 창에 배치되어 있습니다.
스타일을 컨테이너로 설정합니다. ; margin:10px;}
그리드 스타일 설정 #grid {width:100%}
Firefox에서는 테스트 결과가 정상이며 컨테이너의 실제 너비는 100%를 초과합니다. Firefox가 여백을 계산하기 때문에 가로 스크롤 막대가 나타납니다. 너비를 입력하세요. 너비는 실제로 100%+20px>100%와 같습니다.
물론 div의 여백 정의를 제거하고 대신 본문의 패딩을 사용할 수 있습니다. 하지만 페이지 전체를 차지해야 하는 다른 콘텐츠가 있습니다.
그래서 과거에는 이 문제를 해결하기 위해 Firefox에서 div를 너비: 98%로 정의했습니다. 이렇게 하면 문제가 해결되는 것처럼 보였지만, 브라우저 창이 작아지면 Firefox에서는 98%+20px가 될 수도 있습니다. 100%보다 크면 가로 스크롤 막대가 나타납니다. 아마도 버그일지도 모르겠네요, 하하! 어쩌면 어떤 전문가는 그 이유를 알고 있을지도 모릅니다. 제가 직접 테스트하고 코드와 스크린샷을 게시했습니다.