css - 以下 CSS 类定义有什么区别？

Question

我正在阅读制作基于 CSS 的水平下拉菜单的教程，我注意到锚元素 ( <a>) 设置为 float:left 和display:block

我想知道这是做什么的？因为，当您添加display:block到内联元素时，您会注意到差异，但是当您float:left再次添加时，几乎就像不添加任何其他内容一样。只有两个连续的内联元素之间的小空格会消失float:left。

所以基本上我想知道的是，当几个锚元素一个接一个地放置时，以下类之间有什么区别：

a.one {
    display:block;
    float:left; 
}

a.two {
    float:left; 
}

a.default { 
}

score 5 · Accepted Answer

浮动的元素在盒子模型（即宽度、高度、边距）方面自动表现得像block元素（参见W3C 定义）。因此，规则 1 和 2 是等价的。display在大多数情况下，浮动和指定是多余的（或者在这种情况下会产生误导）。

规则 3 不同，因为该a元素是inline默认的。

1 回答 1