0

我希望页面顶部和徽标所在的标题之间有 60 像素的距离。但是，那里似乎已经有 16px 的空白。因此，我刚刚在页眉中添加了 44px 的 margin-top，达到了我想要的效果。

但我更愿意确定 16px 的空白从何而来，不仅要从中学习，还要让它更整洁：如果我可以扩大空白而不是添加任何边距，那将是理想的。

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

4

3 回答 3

1

有一个：

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

在你的 'wrapper' div 里面，就在 'content' div 的下方。它基本上是一个新行，它是 16px 高，因为 16px 字体大小是默认值。

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

于 2013-06-09T15:58:40.540 回答
0

在您的 HTML 文件第 68 行中，将 body 标记样式更改为：

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;
}
于 2013-06-09T15:57:45.833 回答
0

在你的div.wrapper，就在你之前，div.header你有一个br. 那是你的 16px ！

<div class="wrapper">
    <div class="content">...</div>
    <br style="clear:both;">   <!-- mysterious 16px -->
    <div class="header">
于 2013-06-09T15:59:04.520 回答