Question

我希望页面顶部与徽标所在标题之间的距离为60px。但是，似乎已有16px的空白区域。因此，我刚刚在标题中添加了44px的margin-top，实现了我想要的目标。

但我更愿意确定16px的白色空间来自哪里，不仅要从中学习，还要使它更整洁：如果我可以扩展空白区域而不是添加任何边距，那将是理想的

我认为神秘空间不是边缘也不是填充......我不知道它是什么。

Answer 1

有一个：

<br style="clear:both;"></br>

在您的＆＃39;包装内＆＃39; div，就在＆＃39;内容＆＃39;之下DIV。它基本上是一个新行，它的高16px，因为它是默认的16px字体大小。

使用浏览器的页面检查器进行此类操作。它是检查页面结构和外观的便捷工具。

Answer 2

在HTML文件中第68行将正文标记样式更改为：

body {
    line-height: 0;
    background: url("http://www.yoursite.com/wp-content/themes/modernist/style/../images/back_01.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    font-family: "RobotoRegular", Arial, sans-serif;
    color: #606060;
    margin: 0;
}

Answer 3

在div.wrapper，div.header br之前<div class="wrapper"> <div class="content">...</div> <br style="clear:both;">  <div class="header">。那是你的16px！

{{1}}

如何在页面顶部识别这个奇怪的空白区域？

3 个答案: