html - 股息超过100％

HTML：

<div id="wrap">
 <div id="main">
  <p id="title">home</p>
 </div>
</div>

CSS：

    body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
html, body {
    height:100%;
    margin:0;
    padding:0;
}
#wrap {
    background-image: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #0662BF 100%);
    background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #0662BF 100%);
    background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #0662BF 100%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #0662BF));
    background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #0662BF 100%);
    background-image: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #0662BF 100%);
    height:100%;
    padding:0;
    margin:0;
}

#main {
    height: 100%;
    margin-right: 15%;
    margin-left: 15%;
    border-right: 1px solid gray;
    border-left: 1px solid gray;
    padding: 0px 15px 15px 15px;
    background-color: #FFFFFF;
    text-align: center;
}

我问这样的问题感到很愚蠢，因为我觉得答案非常简单，但是我的主要小组长于实际情况，我不明白为什么。我可以将主div缩短，使其与换行符匹配，但我想正确地做。

JSFiddle

最佳答案

您的#main-div底部有15px的填充。
将此添加到您的CSS：

padding: 0;

或者最好将您的CSS代码从padding: 0px 15px 15px 15px;修改为

padding: 0px 15px 0px 15px;

在此处查看更新的小提琴：http://jsfiddle.net/k7tRy/

关于html - 股息超过100％，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21508399/