我有html，body和container div设置为100％高度但页面顶部仍然存在差距？

Question

@charset "utf-8";

html {
height:100%;

}

body {
background-color:#000000;
height:100%;
}

img
{  border-style: none;
}

container {
background: #EEE;
position:relative;
width:763px;
margin:auto;
min-height:100%;
border-right: 2px solid #0F0;
border-left: 2px solid #0F0; position:inherit;}

这些交易是什么人？ 是因为utf-8我读了它可以留下没有宽度的垂直间隙，在黑暗中有点射击。

Answer 1

您已将内容高度设置为100％，但未删除默认边距（或某些浏览器中的填充）。这意味着内容是视口的高度，您可以获得滚动条，以便可以到达底部。

集：

html, 
body { 
    margin: 0;
    padding: 0;
}

删除默认的边距/填充。