这个问题已经在这里有一个答案:
出于某种原因,如可以在截图中可以看出,H1(discordbotgen)占用了大量的空间,以正确的,而在我的CSS没有规定。我不希望它采取这一空间,因为它阻止其他元素去那里。
.main-title {
font-family: 'Comfortaa', cursive;
font-size: 80px;
color: #ededed;
margin-bottom: 50px;
margin-left: 150px;
margin-top: 180px;
}
<h1 class="main-title">discordbotgen</h1>
H1的没有任何父母的div,它的母公司是<body>
。
<h1>
是默认的显示块 - 它会占用其包含元件的整个宽度。你可以浮动或使用inline-block
更改功能。
附:如果您使用花车不要忘记使用clearfix。 Clearfix
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements
缺省情况下<h1>
是块级元素。除非你指定它是inline-block
它会占用整个宽度的它的容器。
h1 {
background: #f2f2f2;
}
<h1>Block Element</h1>
h1 {
background: #f2f2f2;
display: inline-block;
}
<h1>Block Element</h1>