0

私はMinecraftサーバーのWebサイトを作成していますが、ページがオーバーフローしたときに何が起こるかを確認するために、中央にある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;   
}
4

1 に答える 1

3

div＃BodyInnerのマージンはdiv＃Bodyに適用されます-それ自体はdiv＃BodyInnerよりもはるかに低い高さです。height:100%;div＃Bodyを削除すると、コードが機能します。

于 2013-03-23T18:56:18.710 に答える