报头（H1）占用了大量的空间向右[重复]

问题描述 投票：1回答：2

这个问题已经在这里有一个答案：

chrome debug

出于某种原因，如可以在截图中可以看出，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>。

html css
2个回答
3
投票

<h1>是默认的显示块 - 它会占用其包含元件的整个宽度。你可以浮动或使用inline-block更改功能。

附：如果您使用花车不要忘记使用clearfix。 Clearfix

1
投票

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>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.