底部的邊距不會工作

我正在爲一個Minecraft服務器製作一個網站，並且我有一個居中的div，只是反覆打招呼，看看頁面溢出時會發生什麼。我將這個居中的div設置爲頂部和底部的邊距爲30px，但它只能在頂部。我不確定爲什麼會發生這種情況，如果有人可以幫助我，那將會很棒！底部的邊距不會工作

這是working fiddle。

的CSS的DIV＃BodyInner的保證金適用於格＃身體居中的div

#BodyInner { 
    position:relative; 
    width:965px; 
    height:auto; 
    min-height:100%; 
    margin:30px auto; 
    background-color:#FFF; 
    border-radius:5px; 
    border:1px solid #CCC; 
    box-shadow:0 0 12px rgba(0, 0, 0, .1); 
    -moz-box-shadow:0 0 12px rgba(0, 0, 0, .1); 
    -ms-box-shadow:0 0 12px rgba(0, 0, 0, .1); 
    -o-box-shadow:0 0 12px rgba(0, 0, 0, .1); 
    -webkit-box-shadow:0 0 12px rgba(0, 0, 0, .1); 
    word-wrap:break-word; 
}

來源

2013-03-23 Moussa Harajli

可以使用padding-bottom代替嗎？如果這樣，應該工作。 – 2013-03-23 18:57:26

- 這本身就具有比格＃BodyInner高度少了很多。刪除div＃Body的height:100%;，你的代碼將會工作。

來源

2013-03-23 18:56:18 Appleshell

我在我看到這裏之前修好了它，但是在我的腦海裏想到了，但是謝謝！ – 2013-03-23 18:58:50

底部的邊距不會工作

回答

相關問題