如何在我的网站上添加类似标题的页脚?

时间:2014-01-24 22:04:26

标签: html css3 footer

http://jsfiddle.net/Zj59M/

如何复制该框并将其作为页脚放在底部?

我试图将它包装在div中,只是复制了heade的样式表,但它不起作用

<div id="footer">
 <p>This is my footer</p>
</div>

这是我的css

.footer {
 background: #ecf0f1;
 margin: 35px 25px;
}

谢谢:)

2 个答案:

答案 0 :(得分:1)

你应该使用一个类而不是id。

<div class="footer">
    <p>This is my footer</p>
</div>

尝试使用

<footer class="footer">
    <p>This is my footer</p>
</footer>

或参考此视频获取视觉帮助

https://www.youtube.com/watch?v=CqOOOMeGb5A

答案 1 :(得分:0)

如果您将标记更改为:

<div class="footer">
    <p>This is my footer</p>
</div>

这将解决它。

您正在引用标记中的ID和CSS中的类。