小编典典

冗余CSS规则,即float&display:block

css

我刚刚发现,浮动元素也会使其成为一个块,因此指定float属性和 display:block 是多余的。

(如果您尝试指定 display:inlinefloat:left 会发生什么?)

还有其他需要注意的冗余组合示例吗?块和宽度?等等,

有没有可以检查这种情况的工具?


阅读 317

收藏
2020-05-16

共1个答案

小编典典

我刚刚发现,浮动元素也会使它成为一个块,因此指定一个float属性display:block是多余的。

是的,display: block如果已指定float: left(或right),则是多余的。

(如果您尝试指定display:inline和float:left会发生什么?)

display: inline不会有任何区别,因为设置float: leftdisplay: block“无论如何”:

否则,如果“ float”的值不是“ none”,则该框将浮动,并根据下表设置“ display”。

总结表:float= display: block

但是,您的特定示例在一种方面float: left; display: inline 很有用 -
它修复了IE6错误。

还有其他需要注意的冗余组合示例吗?块和宽度?等等,

一些例子:

  • 如果设置position: absolutefloat: none则被强制。
  • toprightbottomleft性能不会有任何影响,除非position已经被设置为默认以外的值static

有没有可以检查这种情况的工具?

我不这么 认为 。它不是必需的,所以我不明白为什么有人会写这样的工具。

2020-05-16