Question

因此，当我使用边距移动它们时，我正在我的页脚中放置几个盒子然后立即蝙蝠，它们也会移动整个页脚。谁知道我做错了什么？

--- --- 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上的上限10px 正在从页脚移开#pinkpoint。在悬停#footernavlinks时，您可以使用Firebug查看它如果你想在不移动整个页脚的情况下将其向下移动，你可以删除这个margin-top或在同一元素上使用10px的填充顶部。

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

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');

}

组织Div，css盒子模型

3 个答案: