冗余CSS规则,即浮动和显示:块

hoo*_*oop 10 css

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

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

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

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

thi*_*dot 19

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

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

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

display: inline不会有任何区别,因为设置float: left力量display: block"无论如何":

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

否则,如果'float'的值不是'none',则浮动框并根据下表设置'display'.

总结一下表:float= display: block.

但是,您的具体示例在某种程度上float: left; display: inline 是有用的 - 它修复了IE6错误.

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

一些例子:

  • 如果你设置position: absolute,则float: none强制.
  • top,right,bottom,left性能不会有任何影响,除非position已经被设置为默认以外的值static.

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

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