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>

并给孩子cssposition: relative;以防止继承position: absolute;

Answer 2

我不确定您想要什么样的内容，但这里有几个 jsFiddle 中的示例。

jsFiddle

基本上，如果你想要一个<div>在你的页脚，把它放在你的页脚 div 中：

<div class ="footer">
 <div class="ele">
  <span class="over">Hello World.</span>
 </div>
</div>

并对其进行样式设置，为其提供尺寸和边距以使其对齐。

.ele {
    margin:auto;
    width:100px;
    height:100px;
    background-color:red;
}