组织 Div's, css box 模型

Question

所以我在页脚中放了几个框，当我使用边距移动它们时，它们也在移动整个页脚。有谁知道我做错了什么？

网站：http://cowgirlsbaking.com/

---php---

<?php wp_footer() ?>
<div id="pinkpoint">
</div>
<div id="footnav">

<div id="footernavlinks>
</div>




</div>
</body>
</html>

---两个div的css---

#footernavlinks {
    clear: both;
    margin:10px 0 0 25px;
    width: 300px;
    height: 250px;
    background-image:url('http://cowgirlsbaking.com/wp-content/themes/autumn-leaves/images/footblockback.png');


}

#footnav {
    background-color: #EB7CDB;
    height: 500px;
    width: 100%;
}

Answer 1

你应该关闭你的footernavlinks div中的引号：

<div id="footernavlinks">
</div>

Answer 2

#footernavlinks 上的 ma​​rgin-top of 10px 正在从页脚中移开 #pinkpoint。悬停#footernavlinks时可以使用Firebug看到它
如果您想在不移动整个页脚的情况下将其向下移动，则可以删除此 margin-top 或在同一元素上使用 10px 的 padding-top。

这个页脚的实际内容是什么？ （文字、链接、图片）

Answer 3

听着自己，你总是遇到这个问题，也许有一天你应该想出一个干净的方法来解决这个问题，但你现在有很多事情要做，猫生病了，你的女朋友挂在你的胳膊上一直在你努力工作的时候，以及你可能无法很快支付这些医疗费用的沉闷感觉，所以只需使用这种草率的工作，继续你的生活。今晚我会给你放啤酒，一切都会好起来的。

#footnav {
    background-color: #EB7CDB;
    height: 500px;
    width: 100%;
    padding: 50px 0 0 0;
}

#footernavlinks {
    clear: both;
    margin:50px 0 0 25px;
    width: 300px;
    height: 250px;
    background-image:url('http://cowgirlsbaking.com/wp-content/themes/autumn-leaves/images/footblockback.png');

}