由于某种原因，保证金：0自动不工作（高度不是无限）

Question

http://talk.thegoodhumor.com/

正如你在这里看到的，高度不是连续的，我不知道为什么。

我已经玩了很长一段时间了，我仍然感到困惑。

Answer 1

首先，保证金：0自动;用于居中元素，也不可能制作一个无限高度的页面，但你可以使用

来最大化它的高度

.body{
    text-align:center; /* IE Center trick because margin:0 auto; will not work. Go go IE! :D */
}

.wrapper{
    min-height: 1080px;
    height: 1080px;
    width: 100%;
    /* DO NOT RESTORE THE ALIGNMENT HERE --- */
}

.wrapper .div {
    margin:0 auto; /*center the elements */
    text-align: left; /* restore the alignment */
    min-height: 100%; /* maximize the height; make it 1080 pixels */
    height: 100%; /* not necessary but i like to add it as well :) */
}

保证金：0自动; 0表示除法与它上方的元素之间将有0个空格， auto 将右侧间距调整为与左侧相同：）

它就像这个边距：右上角左下方;