Question

我正在为一个Minecraft服务器建立一个网站，我有一个居中的div，只是反复打招呼，看看当页面溢出时会发生什么。我设置这个居中的div在顶部和底部有一个30px的边距，但它只适用于顶部。我不确定为什么会发生这种情况，如果有人可以帮助我那会很棒！

这是working fiddle。

CSS为中心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;   
}

Answer 1

div＃BodyInner的边距应用于div＃Body - 它本身的高度比div＃BodyInner低很多。删除div＃Body height:100%;，您的代码就可以使用。

底部的保证金不会起作用

1 个答案: