在标记为绝对位置的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>

并给孩子css position: 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;
}