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



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

(如果您试图指定显示:内联浮动:左,会发生什么?)

是否还有其他冗余组合的例子需要注意?块&宽度等等,

有没有一种工具可以检查这些东西?

我刚刚发现元素也将使其成为块,因此指定float属性并且CCD_ 2是冗余的。

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

(如果你试着指定display:inline和float:left?)

display: inline不会有任何区别,因为设置float: left会强制display: block"不管怎样":

http://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo

否则,如果"float"有值除了"none",框是浮动的并且"显示"是根据下表。

总结所述表格:float=display: block

然而,float: left; display: inline的特定示例在某种程度上是有用的——它修复了一个IE6错误。

还有其他例子吗需要注意的冗余组合对于块&宽度等等,

一些例子:

  • 如果设置了position: absolute,则强制使用float: none
  • toprightbottomleft属性将不会有任何效果,除非position已设置为除默认值static之外的值

有没有工具可以检查这样的事情?

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

根据我的经验,IE6在float方面存在问题:left。为了兼容性,display:inline添加了浮动语句。

最新更新