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

时间:2011-06-16 12:44:44

标签: css

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

(如果您尝试指定显示:内嵌浮动:左侧会怎么样?)

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

是否有可以检查此类内容的工具?

2 个答案:

答案 0 :(得分:17)

  

我刚发现漂浮了   元素也会成为一个块,   因此指定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 的具体示例在某种程度上非常有用 - it fixes an IE6 bug.

  

还有其他任何例子吗?   要注意多余的组合   对于?块&宽度?等

一些例子:

  • 如果设置position: absolute,则强制float: none
  • 除非top设置为默认值以外的值,否则rightbottomleftposition属性不会产生任何影响static
  

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

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

答案 1 :(得分:1)

根据我的经验,IE6有浮动问题:左。为了兼容性,显示:inline随浮动语句一起添加。