css - 在标记为绝对位置的 div 上创建文本

Question

我目前正在尝试创建一个位于页面底部的网站页脚并且已经这样做了，尽管我在这个 div 顶部创建内容时遇到了一些问题。

.footer{
width:100%;
height:80px;
background:#333333;
margin-top:20px;
position:absolute;
bottom:0;
}

以上是我使用的当前 CSS 样式选项，但是当我尝试创建显示在其之上的 div(例如版权说明)时，我仍然遇到麻烦。

所有帮助将不胜感激:)!

Answer 1

像这样创建一个子div

<div class="footer">

    <div>Copyright Info</div>

</div>

并为 child 提供 css position: relative; 以防止继承 position: absolute;