Question

为什么我的页脚css不会采用100％的完整Edge？左边有一个白色的空间。我该如何解决？？在我使用100％宽度之前，页脚占用100％，但现在每次使用页脚时它都有空白区域。谁能告诉我为什么？

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

<html>

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

<body>

</body>

<footer>
    i am footer.
</footer>

</html>

Answer 1

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

使用

 body{margin:0;}

如果您上面没有任何内容，页脚会如何下降？

使用适用于您案件的绝对位置

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

Answer 2

正文具有默认的8px边距，因此您需要将其删除。

body {
     margin: 0;
}

那应该删除那个空间。您可能也想在页脚中添加一些填充，或者您的页脚内容将直接运行到屏幕边缘。

对于页脚的位置...你需要在它上方放置一些内容以便向下推，或者应用绝对定位将其固定到底部，或者在内容上添加“min-height”声明无论是否有内容，它都有高度。

页脚白色空间，不要粘在下面

2 个答案: