CSS : 어떻게 html, 몸체 높이 : 100 %가 100 % 이상입니까?

이봐, 난 바닥 끈적 끈적한 바닥 글 link test을하려고하고 있지만, 더 후 100 %가 저 작은 약간 스크롤 의미있는 유지 .. CSS : 어떻게 html, 몸체 높이 : 100 %가 100 % 이상입니까?

은 그래서 간단한 HTML 코드를 만들어, 어떤 추가하지 않고 있지만 여전히 더 100 %보다 여기를 참조 :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="he" lang="he" dir="rtl" id="bangler"> 
    <head> 
     <title>my title</title> 
     <style type="text/css"> 
     html, body, #wrapper { height: 100%; } 
     body > #wrapper { height: auto; min-height: 100%; } 
     </style> 
    </head> 
    <body> 
     <div id="wrapper">aa</div> 
    </body> 
</html>

건이며, 그것에 대해 5-10px 더 의미 100 % 다음 조금 더 스크롤 ..이 IE와 파이어 폭스 모두, 정말 이상하다!

미리 감사드립니다.

출처

2010-12-19 natiz

기본값 인 body 여백 때문입니다. 당신의 스타일이 추가 : padding 및/또는 margin 때문에 (브라우저에 따라)

body { margin: 0; padding: 0; }

출처

2010-12-19 14:14:20 BoltClock

기본적으로 html 및/또는 body 비 제로, 그리고 콘텐츠 높이의 주위에 패딩과 마진 랩.

출처

2010-12-19 14:14:41 Quentin

-1

모든 브라우저는 작은 단점을 가지고 있으며 선택기와 특성을 다르게 표시하기 때문에 BoltClock 응답이하는 일은 모든 브라우저가 여백 0 및 패딩 0으로 시작되도록 처리하는 것입니다.

CSS 재설정을 검색하면 자세한 내용을 확인할 수 있습니다.

출처

2010-12-19 15:15:49 Solidariti

내 웹 사이트와의 브라우저 간 호환성을 보장하려면 항상 본문 여백을 직접 정의하십시오. 이 경우 : html, body {margin: 0 0 0 0; padding: 0 0 0 0; }
꽤 많은 CSS를 배울 때까지 본체에 미리 정의 된 여백과 패딩이 있음을 알지 못했습니다.

출처

2010-12-21 21:48:39 Yoshiyahu

여백 : 0 0 0 0; 자세한 구문입니다. – Flack

동의하지만 빠른 조정을 위해 사용합니다. – Yoshiyahu

CSS : 어떻게 html, 몸체 높이 : 100 %가 100 % 이상입니까?

답변

관련 문제