Space 页面顶部和 html 内容之间
Space between page top and html content
这个问题我已经看过很多次了,但是答案似乎从来没有用过。我的“h1”标题旁边有一个浮动图像,我无法删除项目和页面边缘之间的 space。
我通过将 body 边距设置为 0 解决了左侧的问题,但顶部仍然有这个差距。
Descriptif image
#Logo
{
float: left;
border-right: solid;
border-bottom: solid;
}
#Title
{
font-size: 70px;
border-top: solid;
}
header
{
margin: 0;
}
body, html {
margin: 0;
padding: 0;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="Site_Web_1.css">
<title></title>
</head>
<body>
<header>
<div id="Logo"><img src="images/Logo.png"></div>
<h1 id="Title">Evil Mouse Coding</h1>
</header>
</body>
</html>
在h1中使用margin-top: 0
css
#Title
{
font-size: 70px;
border-top: solid;
margin-top: 0;
}
这个问题我已经看过很多次了,但是答案似乎从来没有用过。我的“h1”标题旁边有一个浮动图像,我无法删除项目和页面边缘之间的 space。 我通过将 body 边距设置为 0 解决了左侧的问题,但顶部仍然有这个差距。
Descriptif image
#Logo
{
float: left;
border-right: solid;
border-bottom: solid;
}
#Title
{
font-size: 70px;
border-top: solid;
}
header
{
margin: 0;
}
body, html {
margin: 0;
padding: 0;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="Site_Web_1.css">
<title></title>
</head>
<body>
<header>
<div id="Logo"><img src="images/Logo.png"></div>
<h1 id="Title">Evil Mouse Coding</h1>
</header>
</body>
</html>
在h1中使用margin-top: 0
css
#Title
{
font-size: 70px;
border-top: solid;
margin-top: 0;
}