我有一个关于 HTML 和 CSS 的基本查询。请看下面的代码
body {
font: 12px/1.5 arial;
background-color: #f4f4f4;
padding: 0px;
margin: 0
}
header {
background-color: #35424a;
color: #ffffff;
margin-top: 0;
}
.container{
width: 80%;
margin:auto;
}
header a {
color: #ffffff
}
<body>
<header>
<div class = "container">
<div id="branding">
<h1>TEST HTML</h1>
</div>
<nav>
<ul>
<li><a href="index.html">HOME<a></li>
<li><a href="about.html">ABOUT<a></li>
<li><a href="services.html">SERVICES<a></li>
</ul>
</nav>
</div>
</header>
</body>
这段代码的问题是您可以看到标题部分和浏览器之间存在间隙。如何填补这个空白?
请看下面的截图
我尝试使用 margin-top:0
即使我无法填充它。你能帮我么?提前致谢。
最佳答案
您看到的是 h1
上的边距顶部。
h1 { margin-top: 0; }
关于html - 对 HTML 和 CSS 的查询 - 标题部分上方有白色间隙。如何处理?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51651635/