删除页眉和页面之间的空间
问题描述:
我的页眉上方有一个空格。我希望它保持在没有任何空间的顶部。我附上了一张显示空间的图像。删除页眉和页面之间的空间
这里是我的代码:
body {
background-color: red;
}
#example {
height: 75px;
background-color: #484848;
}
<header id="example">
example
</header>
答
<body>
元素具有默认边距。删除:
body {
background-color: red;
}
#example {
height: 75px;
background-color: #484848;
}
body {
margin-top: 0;
}
<header id="example">
example
</header>
答
有两个事情可以做。一个是删除height: 75px
所以div只需要它的自然高度(文本的高度)。
或者您可以将vertical-align: top
添加到#example
以将文本移动到顶部 - div在此保持相同的大小。
答
许多元素都带有默认边距和/或填充。
这是由于浏览器的默认样式表。
添加到您的元素在必要时:
margin: 0;
padding: 0;
下面是一个简单默认样式表的浏览器可以使用:https://www.w3.org/TR/CSS22/sample.html
编辑(因为你增加了更多的代码)
就你而言,你需要从body
元素中删除边距。
body { margin: 0; }
答
如果这是你的完整的HTML和CSS,红色的保证金不能是宽的,但无论如何:添加
html, body {
margin: 0;
}
你的CSS
答
这可以解决您的问题。元素主体默认有保证金。
body{
margin: 0;
}
位于css文档的顶部。
它的工作!非常感谢你 – Mehmet
为什么你只能删除顶部边距? – Johannes
@Johannes因为OP说“我希望它没有任何空间地留在上面”。如果他想删除任何其他利润率,这是微不足道的。 – j08691