DIV和Top之间的空间

Question

我的网站顶部和顶部div之间有一个空格，我设置两个没有边距，但它仍然有空格。任何人都可以告诉我这是错的吗？我认为将边距设置为0会修复它但显然不是。

HTML

<div class="topPanel">
<p>TITLE</p>
</div>

CSS

.topPanel
{
background-color:#FFFFFF;
width:100%;
height:auto;
font-family: Copperplate, "Copperplate Gothic Light", fantasy;
color:#000000;
font-weight:100;
font-size:36px;
text-align:center;
margin: 0;
padding: 0; 
}

body
{
background-color:#E3E3E3;
margin: 0;
padding: 0; 
}

示例图片

Answer 1

问题是p标记上的边距正在推动你的div。

可能的解决方案是：

1）将您的p样式更改为零上边距

或

2）将padding-top: 1px添加到您的div

或

3）在你的div中添加一些border-top。

如果p标记有边距，但没有任何内容可以＆＃34;推出＆＃34;在div中，整个div将向下移动以容纳p标记的margin-top。

Answer 2

许多浏览器为某些标记设置默认填充/边距值，特别是body，head和html，其中包含其中的所有元素。因此，您可以将它们设置为0px，以确保获得所需内容。

html, head, body {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
}

此外，请确保p标记本身没有任何类型的填充/边距，以及div（div s默认情况下没有任何内容，但只是为了确定）：

p, div {
    padding: 0px;
    margin: 0px;
}