标记为clearfix的div中的空HTML注释的用途

Question

clearfix div中空注释的目的是什么？我认为这是针对某种旧的浏览器垫片;不知道为什么你会想要到处都是空洞的评论。似乎只有一两个CSS规则会更容易维护。

Answer 1

如果网站旁边有两个div，则使用display：inline-block，这些div之间的空格会在布局中增加烦人的空间。为了解决这个问题，开发人员使用html注释，这些注释在左div的结束标记之后开始，并且在右div的开始标记之前结束，标记之间没有空格。

Answer 2

CSS可以（或者当时）只能格式化元素和伪元素。清除浮动需要 {/ 3}之后的元素，即float。

clear声明在＆＃34;一个或两个CSS规则＆＃34;中，特别是那些其选择器包含（或是）.clearfloat的声明。这修复了浮动框的高度，其中最后子元素不是浮动。我应该这样看：

.clearfloat {
  clear: both;
}

众所周知，更加精细和苛刻的解决方法，例如：

.clearfloat {
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

但是在一些布局引擎（特别是MSHTML＆lt; 8）中，清除元素必须具有内容。然而，我们不希望虚拟元素可见。因此（空）评论。

Answer 3

这实际上很常见。当我年轻的时候，我也想知道这件事。据我所知，这是向其他程序员发出信号，告知div的内容是故意空的，这可以作为一个完整的空白＆＃34; div中的内容。

在其他情况下，它可能用于删除空格。