底部保证金不起作用

Question

我正在为我的世界服务器做一个网站，我有一个中心的div只是反复说你好，看看当页面溢出时会发生什么。我将这个居中的div设置为顶部和底部的边距为30px，但它只适用于顶部。我不知道为什么会发生这种情况，如果有人能帮助我，那就太好了!

这是一把能用的小提琴。

居中div

的CSS

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

Answer 1

div#BodyInner的外边距应用于div#Body -它本身的高度比div#BodyInner小得多。去掉div#Body的height:100%;，你的代码就可以工作了。