Question

由于某些原因，我网站的一页上的页脚不是全宽。左边有一个巨大的白色空间，我似乎无法摆脱它，它导致我的整个页脚向右移动。

这是当前的CSS：

#main-footer {
width: 105%;
margin-bottom: -50px;
margin-left: 0;
margin-right: 0;
height: auto;
padding: 50px;
background-color: #2E2E2E;
}

#top-footer {
height: 30px;
background-color: #77CAE9;
margin-left: 0;
width: 105%;
}

我感觉它与页面宽度有关但我无法弄清楚在哪里调整它。如果有人可以帮我解决这个问题，我将非常感激！

编辑：该网页的网址为http://tstand.com/blog

谢谢：）

安吉拉

Answer 1

首先将<footer>移到<div class="container">之外。

课程.container用于将其内容置于屏幕中间。点击此处了解更多详情：

http://getbootstrap.com/css/

Answer 2

此常见原因可能是默认padding或margin <body>甚至<html>。在这种情况下，像这样的CSS应该修复它：

body {
    margin:0;
}

如果问题仍然存在，请发布一个完整但极少的示例来说明问题。

如何让我的页脚全宽？

2 个答案: