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

Question

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

但我更愿意确定 16px 的空白是从哪里来的，不仅是为了从中学习，也是为了让它更整洁:如果我可以扩大空白而不是添加任何边距，那将是理想的.

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

Answer 1

有一个:

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

在您的“包装”div 中，就在“内容”div 的下方。它基本上是一个新行，它的高度为 16 像素，因为默认的字体大小为 16 像素。

使用浏览器的页面检查器来做类似的事情。它是检查页面结构和外观的便捷工具。