Css 页脚部分有一些div的问题

我有一个头痛与所有这些定位的东西，所以我决定问你关于它；我已经读过关于这类事情定位的博客，但作为一个初学者，要找到确切的答案有点困难

我有以下问题：

在图片中，你会看到我所拥有的（我无法发布，所以这里是SS的链接：），我想用页脚的所有宽度在页脚底部移动：“copyright Blabla”，我已经尝试了以下所有方法：

footer #copyright{
    font-size: 75%;
    top: 20em; /* just trying*/
    position: relative;
    text-align: center;
    width: 100%;

但div一直在攻击其他元素（条款和条件、隐私和保持与您在图像中看到的完全相同）。“条款和条件等”的代码如下：

footer li a{
    font-size: 90%;
    text-decoration:none; /* Quita toda decoracion del texto*/
    position: relative;
      /* este comando convierte en boton el reectangulo*/
    vertical-align: text-top;
        float: right;
         width: 30%;

* {
    margin: 0;
    padding: 0;
    font-family: verdana;
}

footer {
    width: 100%;
    height: 12em;
    background-color: #363636;
}

footer li {
    list-style: none;
    text-transform: uppercase;
}

footer li a{
    font-size: 90%;
    text-decoration:none; /* Quita toda decoracion del texto*/
    position: relative;
      /* este comando convierte en boton el reectangulo*/
    vertical-align: text-top;
        float: right;
         width: 30%;


         /* Borde para ver el div*/
    color: #696969;
      border: 1px solid #f00;

}

footer a #copyright{
    font-size: 5%;
    position: absolute;
    text-align: center;
    bottom: 0;

/* Borde para ver el div*/
    color: #696969;
      border: 1px solid #f00;

 }

有人能帮我吗

PD：我添加了我的html代码：

    <footer>


        <li><a href="#contactus">Contact us</a></li>
        <li><a href="#privacy">Privacy policy</a></li>
        <li><a href="#terms">Terms and conditions</a></li>
        <li><a href="#aboutus">About us</a></li>

        <a id="copyright">Copyright 2015 Pepito S.L., All Right Reserved.</a>

    </footer>
</body>

---

尝试在页脚上执行以下操作

footer {
    position: absolute; /* or fixed if you want */
    bottom: 0;
}

这将设置为页面底部的0像素空间，因此直接位于底部

如果您还想相对地将某个对象放置在示例右侧这样的位置，并且元素的宽度未知，那么您不必计算它离左侧的距离，只需从右侧设置空间，如

right:25px；

同时阅读并理解每个

位置

属性（相对、绝对、静态、固定）之间的差异。这将对您有很大帮助！了解了这一点后，我想升级10个级别！这非常有帮助，我可以优化我所做的一切，并避免我过去遇到的任何问题

编辑

在这一点上，问题已经被编辑并给出了代码。我假设顶部链接是页眉，但现在我明白了，整个问题应该是页脚

因此，仅定位页脚不会产生影响，因此Mathieu David的解决方案应该是合适的

---

举个例子：为什么我总是要提供尽可能多的信息和细节，问得尽可能好，不要太自信，因为其他人不知道你实际上在尝试什么，你可能想要的是在页脚div中设置

位置：相对的
，并将
位置：绝对的
在包含版权的元素中

<footer>
    ...
    <div class="copyright">Copyright</div>
</footer>

使用
位置：绝对；
（和
相对
到
页脚
）

你的HTML在哪里？什么样式有顶部菜单？请创建一个小提琴-。我现在只做页脚，所以我没有更多。还有你发布的屏幕？没有其他HTML/CSS，无法帮助你。哎哟，对不起，伙计，我要在帖子中添加它。页脚高度是固定的？谢谢提示，但是div现在在正中移动网页的e部分。：/CSS基础知识：
位置：相对；底部：0；
什么都不做，你应该先尝试，然后再将其作为答案来写。你是对的，我把它改成了绝对的，改成写了其他东西，完全搞乱了。现在又改回来了。@D4rKNiGhT用
绝对的
试试，我在编辑时犯了一个错误，失败了检查上面提到的JSFIDLE，看看它是否正常工作。
footer{
    position: relative;
}

.copyright{
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

footer {height: 130px; position: relative;}
footer #copyright {position: absolute; bottom: 0;}