html5/css3：带有“位置：固定”故障的页脚

Question

问题已回答。

在我的网站上，我的页脚应该固定在页面底部，宽度为 100%。它以前可以工作，但突然它没有（？）

这是页脚的 HTML 代码：

<link rel="stylesheet" type="text/css" href="css/footer.css">

<div class="footerHolder">

</div>

这是页脚的 CSS 代码：

* {
margin: 0 auto;
padding: 0;
}

div.footerHolder {
margin: 0;
position: fixed;
bottom: 0;
width: 100%;
height: 25px;
border: 1px solid black;
transition: height 1s;
-webkit-transition: height 1s;
}

当然，CSS 文件名为“footer.css”并存储在文件夹 css 中。那不是问题。页脚出现在与另一个对象对齐的地方。你可以在这里查看： My website。如果你看它，你会看到下面的盒子，而不是我想要的对齐......它似乎与主盒子和标题框对齐，但我不知道如何解决这个问题。我尝试了几种方法，例如将其浮动到左侧，但没有奏效。

Answer 1

您在问题上发布的来源不完整，但查看您的网站来源的问题在于您的div#headerHolder 未关闭。

这是相当于您网站的 CodePen：http://codepen.io/anon/pen/zEjfl。即使缺少</div>，它在 CodePen 网站上也能很好地呈现。

---

注意：您不必在所有 CSS 文件中重复 * { ... }，从浏览器的角度来看，它们是“合并”的

Answer 2

您缺少left CSS 属性，在使用fixed 定位时需要指定该属性。添加

left: 0;

div.footerHolder 的 CSS。