为什么我在页面顶部会出现空白？

Question

我正在使用jQuery mobile制作我网站的移动版本，但一开始就出现了问题。在页面的顶部，我得到20px粗线的空白区域，当我打开检查元素时，我在许多div元素之前得到“”字符。

Answer 1

这可能是某些元素边缘的问题。有些元素具有标准边距，如标题。这将导致整个文档向下移动。尝试设置每个元素的样式，例如左上角的按钮和菜单栏中的标题：

margin-top: 0px;

Answer 2

默认属性导致问题。您可以覆盖默认的CSS属性。

body {
    display: inline;
}

或

body {
    margin:0;
}