Question

我在这个网站的页眉下方和页脚上方有一个大约10px的空间。 http://www.ankordivelights.com/。我已将我可以找到的每个边距设置为0px并且google inspect元素未显示边距。我已将页眉，正文和页脚限制为1220像素。关于问题所在的任何想法？

Answer 1

标题差距：

header {
    overflow:hidden;
}

对于页脚间隙：

.title-footer h3 {
    margin-top:0px;
}
address {
    margin-bottom:0px;
}

的原因：

标题：差距由以下原因引起：

结束标记后不必要的空格或换行符。将<style>....</style>移至<head>....</head>并删除不必要的空格和换行符。（类似问题：How to remove an invisible space between div tags）

除了<header>....</header>之外，min-height没有指定高度。背景图像使用的背景大小值为100％。这意味着100％的父级div的高度，而不是它的最小高度。只需添加overflow:hidden或指定低于min-height值（0px - 580px）的任何值的高度，它应该可以正常工作。

页脚：差距是由h3标记的默认margin-top引起的：

<div class="title-footer"> <h3>Need help?</h3> </div>

此处margin-bottom标记中的默认<address>：

<div class="bottom_footer"> <address class="copyright">Anchor Dive Lights © 2015 | All Rights Reserved</address> </div>

标题和正文元素下方以及页脚上方的不需要的空间

1 个答案:

的原因：