删除页眉和页面之间的空间

我的页眉上方有一个空格。我希望它保持在没有任何空间的顶部。我附上了一张显示空间的图像。删除页眉和页面之间的空间

这里是我的代码：

body { 
 
    background-color: red; 
 
} 
 
#example { 
 
    height: 75px; 
 
    background-color: #484848; 
 
}

<header id="example"> 
 
    example 
 
</header>

来源

2016-11-10 Mehmet

<body>元素具有默认边距。删除：

body { 
 
    background-color: red; 
 
} 
 
#example { 
 
    height: 75px; 
 
    background-color: #484848; 
 
} 
 
body { 
 
    margin-top: 0; 
 
}

<header id="example"> 
 
    example 
 
</header>

来源

2016-11-10 23:03:27 j08691

它的工作！非常感谢你 – Mehmet

为什么你只能删除顶部边距？ – Johannes

@Johannes因为OP说“我希望它没有任何空间地留在上面”。如果他想删除任何其他利润率，这是微不足道的。 – j08691

有两个事情可以做。一个是删除height: 75px所以div只需要它的自然高度（文本的高度）。

或者您可以将vertical-align: top添加到#example以将文本移动到顶部 - div在此保持相同的大小。

来源

2016-11-10 23:00:03 yper

许多元素都带有默认边距和/或填充。

这是由于浏览器的默认样式表。

添加到您的元素在必要时：

margin: 0; 
padding: 0;

下面是一个简单默认样式表的浏览器可以使用：https://www.w3.org/TR/CSS22/sample.html

编辑（因为你增加了更多的代码）

就你而言，你需要从body元素中删除边距。

body { margin: 0; }

来源

2016-11-10 23:00:35

如果这是你的完整的HTML和CSS，红色的保证金不能是宽的，但无论如何：添加

html, body { 
    margin: 0; 
}

你的CSS

来源

2016-11-10 23:13:29 Johannes

这可以解决您的问题。元素主体默认有保证金。

body{ 
    margin: 0; 
}

位于css文档的顶部。

来源

2016-11-12 12:13:37

删除页眉和页面之间的空间

回答

相关问题