html - 我将 html、body 和容器 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 会留下没有宽度的垂直间隙，idk 有点在黑暗中拍摄。

Answer 1

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

放：

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

删除默认边距/填充。