Html 页脚背景以适合页面。CSS

Html 页脚背景以适合页面。CSS,html,css,Html,Css,所以我现在被困在我正在制作的网站的页脚上。我不知道为什么页脚背景不适合页面的侧面和底部,有什么帮助吗?谢谢你抽出时间 你的.offer类设置了填充:50px。这就是为什么您的页脚没有延伸到浏览器窗口的两侧。-回答您的。提供类已设置填充:50px集。这就是为什么您的页脚没有延伸到浏览器窗口的侧面。页脚没有延伸到侧面的原因是它位于另一个填充为50px的div.offer中。尝试将其设置为0。您的.offer类设置了padding:50px。这就是为什么您的页脚没有延伸到浏览器窗口的两侧。-已回答您

所以我现在被困在我正在制作的网站的页脚上。我不知道为什么页脚背景不适合页面的侧面和底部,有什么帮助吗?谢谢你抽出时间


你的.offer类设置了填充:50px。这就是为什么您的页脚没有延伸到浏览器窗口的两侧。-回答

您的
。提供
类已设置
填充:50px
集。这就是为什么您的页脚没有延伸到浏览器窗口的侧面。

页脚没有延伸到侧面的原因是它位于另一个填充为50px的div.offer中。尝试将其设置为0。

您的.offer类设置了padding:50px。这就是为什么您的页脚没有延伸到浏览器窗口的两侧。-已回答

您的页脚在报价div中,报价中有一个空格。将其从优惠中删除,并确保身体的填充也设置为0?使用浏览器开发工具<代码>右键单击>检查元件。当您将鼠标悬停在窗口中的html上时,您将看到边框和轮廓,这些都是结束/开始的地方。这将帮助您诊断类似的问题。我相信这里的其他人都用过。
.footer {
  background-color: #5a5a5a;
  margin-top:30px;
  padding-top:30px;
}

.bottom-footer {
  border-top:1px solid #b2b2b2;
  margin-top:10px;
  padding-top:10px;
  color:#b2b2b2;


}

.footer-nav {
  text-align:right;
  list-style:none;
}

.footer-nav li {
  padding:0px 10px;
  display:inline;
}