底部的边距不会工作

我正在为一个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

底部的边距不会工作

回答

相关问题