組織Div's，css box模型

所以我把幾個盒子放在我的頁腳中，當我用邊距移動它們時，他們也移動了整個頁腳。任何人都知道我在做什麼錯了？組織Div's，css box模型

--- 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%; 
}

來源

2010-06-19 Davey

聽自己，你一直遇到這個問題，你應該找出乾淨的方式來做到這一點，但你現在的盤子上有很多東西與貓是什麼生病和你的女朋友一直在試圖工作的時候把你的胳膊掰下來，並感覺到你可能無法在短時間內支付這些醫療費用，所以只要使用這種草率的工作並繼續你的生活。今晚我會把啤酒放在你身上，一切都會好的。

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

}

來源

2010-06-19 22:46:38 Davey

謝謝哥們，我知道我可以依靠你。現在，那些米勒輕盈男孩在哪裏？ – Davey 2010-06-19 22:47:47

你應該關閉報價在您的footernavlinks div的標記：

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

來源

2010-06-19 21:17:05

仍然沒有做我想要的東西.... – Davey 2010-06-19 21:27:55

margin-top of 10px on #footernavlinks正在從頁腳移開#pinkpoint。您可以在懸停時用螢火蟲看到它#footernavlinks
如果您想在不移動整個頁腳的情況下向下移動它，則可以移除此頁邊距或在同一元素上使用10像素的填充頁頂。

此頁腳的實際內容是什麼？（文字，鏈接，圖片）

來源

2010-06-19 21:55:05 FelipeAls

我想要移動的框是嵌入在CSS中的重複圖像。如果我給它添加填充，它只會使框變大，我只想移動它而不用推動#pinkpoint或其他頁腳。 – Davey 2010-06-19 22:00:16

組織Div's，css box模型

回答

相關問題