CSS 페이지가 완전히 표시되지 않으면 어떻게 해야 합니까?

CSS 페이지의 불완전한 표시에 대한 해결 방법: 1. CSS에서 개체의 높이 CSS 스타일을 취소합니다. 2. 콘텐츠를 줄입니다. 3. 높이와 너비를 설정하는 동안 "overflow:hidden" 속성 스타일을 설정합니다.

이 튜토리얼의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

div CSS 웹페이지의 불완전한 표시에 대한 분석 및 솔루션

웹페이지 레이아웃이 IE6에서 아직 중단되지 않은 경우 웹페이지 콘텐츠가 불완전하게 표시되는 문제가 있을 수 있습니다. 이제 이 문제에 대해 알려드리겠습니다. 원인과 해결 방법.

IE6 등 하위 버전 브라우저에서 웹 페이지를 볼 때 내용이 완전히 표시되는 경우가 많지만 IE7 이상 브라우저, Firefox 및 기타 브라우저에서는 내용이 불완전하게 표시됩니다 - DIV CSS 웹 페이지 내용이 불완전하게 표시됩니다. 지도 시간.

스타일 스크린샷은 다음과 같습니다.

참고: 마지막 행에 있는 콘텐츠 텍스트의 절반만 표시됩니다.

원인 분석:

1. CSS에 너비/높이가 설정되어 있습니다.

2. CSS 스타일 시트 속성인 Overflow:hidden이 지정된 너비와 높이를 초과하는 개체를 숨기도록 설정되었습니다.

추천: "css 비디오 튜토리얼"

해결책:

1. 높이가 CSS에 설정되어 있는 경우

해당 개체의 높이(높이) CSS 스타일을 취소하면 모든 브라우저 및 콘텐츠와 호환됩니다. 완전히 표시됩니다. 높이를 취소하면 웹 페이지 레이아웃의 왼쪽 및 오른쪽 콘텐츠 패널 테두리가 잘못 정렬되는 경우 높이를 취소할 필요는 없지만 콘텐츠를 줄이고 불완전한 콘텐츠를 제거해야 합니다.

2 지정된 너비와 높이를 초과하는 개체를 숨기려면 CSS 스타일 시트 속성인 Overflow:hidden을 설정하세요.

일반적으로 높이를 설정하고 Overflow:hidden 스타일을 설정하면 IE6에서 콘텐츠가 불완전하게 표시됩니다. 해결책은 첫 번째 점과 마찬가지로 높이 및 너비 제약 조건을 취소하지 않으면 콘텐츠를 줄일 수 있다는 것입니다.

IE6에서는 높이가 설정되어 있어도 표시가 완료되는데 다른 브라우저에서는 표시가 불완전한 이유는 무엇입니까?

답변: IE6 커널 때문에 높이를 설정했지만 콘텐츠가 설정한 높이를 초과하는 경우 자연스럽게 설정한 높이와 너비를 초과할 수 있지만 IE7, IE8, Firefox 및 기타 브라우저에서는 설정된 높이를 초과할 수 없습니다.

물론, 설정한 콘텐츠가 설정한 높이와 너비를 초과하지 않도록 하려면(IE6 포함) 높이와 너비를 설정하면서 Overflow:hidden 속성 스타일을 설정하여 사용되지 않도록 할 수 있습니다. IE6에서는 설정한 높이와 너비를 펼칩니다.

위 내용은 CSS 페이지가 완전히 표시되지 않으면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!