html blank 지우고 싶습니다

StackOverflow https://stackoverflow.com/questions/1058179

문제

나는 나를 괴롭히는 새로운 문제가있다 ...

스크롤없이 고정하고 싶은 웹 페이지를 만들고 가장 중요합니다. 내 메인 DIV가 사용 가능한 공간을 채우기를 원합니다 ...

이 코드를 만들었습니다 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <title>There is a @#!¤*-ing blank !</title>
    <style type='text/css'>
        html {margin:0px;padding:0px;height:100%;overflow:hidden;border: 3px solid green}
        div {margin:0px;padding:0px;}
    </style>
  </head>



<body onload="document.getElementById('mydiv').style.height=document.getElementsByTagName('html')[0].offsetHeight+'px'"><div id="mydiv" style="margin:0px;padding:0px;width:100%;border: 2px solid red"></div></body>
</html>

보시다시피, 내 몸이 패딩과 DIV 마진이 0으로 설정되어 있어도 내 신체 요소 테두리와 DIV 요소 테두리 사이에 공백이됩니다 ...

나는이 문제에 대한 해결책이 포함 된 "CSS에 더 많은 Eric Meyer"를 읽었지만 오래 전부터 기억이 나지 않았다 ...

모든 도움이 크게 감사하겠습니다 ^^.

도움이 되었습니까?

해결책

당신은 몸의 스타일을 설정하지 않았습니다.

body {margin: 0px; padding: 0px; height: 100%;}

다른 팁

신체 마진은 0px로 설정되지 않았으며 HTML의 마진만으로 설정되지 않습니다.

바디 태그에서 여백을 0으로 설정하십시오.

body {margin:0;}

또한 추가하기보다는 :

padding: 0; margin: 0;

모든 선택기에게는 CSS 파일 상단에서 전 세계적으로 수행합니다.

* { padding: 0; margin: 0; }
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top