Html 引导：Clearfix div具有意外的高度

在桅顶div之后创建新行时，新行的列将缩小：

为了解决这个问题，我放置了一个div.clearfix，这有助于将行的列放在一行中，但现在它不知从何处创建了一个意外的高度：

---

您可以写下下面的代码以获得清晰的修复

.clearfix{
  line-height:0px;
  font-size:0px;
  height:0px;
}

添加如下#报头CSS以使clearfix能够正常工作：

.home #masthead {
    height: 100vh;
    float: left;
    width: 100%;
}

---

我还创建了一个代码笔来演示这个问题：因此鼓励人们使用自己的实时代码编辑器。我建议你们在你们的问题中加入这一点。我认为这是个问题。home#masthead{height:100vh；}@LaljiTadhani如何？我尝试过改变它，但它没有帮助不工作！正如我在问题中提到的，它会使列“拉伸”。现在试试看！我已经检查了你的代码平移链接，或者你可以在clearfix类中放置height:0px不，仍然不工作，这不是我想要的…：-）干得好！感谢你知道它为什么会发生？它发生的原因是100vh属性为clearfix留下了219px的空白，所以你需要让clearfix工作它必须工作的东西，删除浮动，所以浮动：左，或右做这个工作。