지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > CSS 튜토리얼 > Firefox_Experience 교환 시 스타일 설정 폭이 이상한 현상

Firefox_Experience 교환 시 스타일 설정 폭이 이상한 현상

WBOY
풀어 주다： 2016-05-16 12:04:36
원래의
1346명이 탐색했습니다.

페이지에는 다음 구조의 테이블인 데이터 목록이 div 창에 배치되어 있습니다.

코드 복사 코드는 다음과 같습니다.



.... 데이터 나열....




스타일을 컨테이너로 설정합니다. ; margin:10px;}
그리드 스타일 설정 #grid {width:100%}

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



Firefox_Experience 교환 시 스타일 설정 폭이 이상한 현상



[모두 선택하려면 Ctrl+A 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]
관련 라벨：
firefox
원천：php.cn
이전 기사：CSS 와일드카드 사용 요약_체험교류 다음 기사：ASP, PHP, javascript는 기간에 따라 자동으로 CSS 스킨 코드를 전환합니다_경험 교환
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Live Server를 사용하는 웹 사이트를 파일에서 실행할 때 작동하지 않습니다. 여러 브라우저를 사용해 보았지만 모든 경우에 웹사이트가 LiveServer에서 잘 작동했습니다. 반면, Firefox/Chrome을 사용하여 실행하면 사이트에서 ...
에서 2024-04-06 12:46:18
0
1
403
SAPUI5 callFunction()이 호출된 후 Errorhandler가 호출되지 않습니다. SAPUI5의 마법사에서 IBAN의 유효성을 검사하려고 합니다. 이를 위해 V2ODataModel(sap.ui.model.odata.v2.ODataModel)에서...
에서 2024-04-04 18:06:36
0
1
400
수직으로 회전된 표 제목, 중앙 + 하단 정렬, 브라우저 간 Chrome에서는 예상대로 보이지만 Firefox에서는 그렇지 않은 회전된 헤더가 있는 테이블이 있습니다. Chromev108(수직 하단, 수평 중간) ✅Fire...
에서 2024-04-04 16:45:25
0
1
330
Safari/Firefox iOS에서 양식 데이터를 보낼 수 없습니다. 이는 iOS의 Safari/Firefox를 제외한 모든 플랫폼에서 작동합니다: jQuery("#gform_1").one('submit',func...
에서 2024-04-04 12:53:48
0
1
303
JS를 사용하여 재생 품질 제어 Javascript를 사용하여 비디오의 재생 품질을 제어할 수 있는 방법이 있습니까? 보다 정확하게는 JavaScript를 사용하여 비디오 품질을 선택하고 싶습니...
에서 2024-04-04 00:21:55
0
1
384
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿