Html 页脚空白，不要粘在下面_Html_Css

Html 页脚空白，不要粘在下面

html css

Html 页脚空白，不要粘在下面,html,css,Html,Css,为什么我的页脚css不会以100%的比例占据全部优势？？左边有一个空白。我该如何解决这个问题？？以前，当我使用100%宽度时，页脚占全部100%，但现在每次使用页脚时，页脚都有空白。有人能告诉我为什么吗页脚也不会粘在下面。我总是需要使用位置来修复它 <html> <head> <style> footer{ width:100%; height:50px; ba

为什么我的页脚css不会以100%的比例占据全部优势？？左边有一个空白。我该如何解决这个问题？？以前，当我使用100%宽度时，页脚占全部100%，但现在每次使用页脚时，页脚都有空白。有人能告诉我为什么吗

页脚也不会粘在下面。我总是需要使用位置来修复它

<html>

<head>
    <style>
        footer{
            width:100%;
            height:50px;
            background-color:blue;
        }
    </style>
</head>

<body>

</body>

<footer>
    i am footer.
</footer>

</html>


页脚{
宽度：100%；
高度：50px；
背景颜色：蓝色；
}
我是页脚。

正文和其他元素默认有边距

使用

如果页脚上面没有任何内容，页脚将如何下降

使用在您的情况下有效的绝对位置

footer{
     width:100%;
     height:50px;
     background-color:red;
     position:absolute;
     bottom:0;
  }

主体具有默认的8px边距，因此您需要删除该边距

body {
     margin: 0;
}

这应该会消除这个空间。您可能还需要在页脚上添加一些填充，否则页脚内容将直接显示在屏幕边缘

对于页脚的定位…您需要在页脚上方放置一些内容，使其向下推动，或应用绝对定位将其固定在底部，或在内容区域添加“最小高度”声明，使其具有高度，而不管是否有内容。

我不知道我做错了什么，是一个简单的代码，但我觉得它的页脚有这么多的错误。但它的页脚总是停留在下面的页面？？以前我从未使用过任何位置css，一切都很好，但为什么现在会发生呢？

body {
     margin: 0;
}