我刚刚发现,浮动元素也会使其成为一个块,因此指定float属性和 display:block 是多余的。
(如果您尝试指定 display:inline 和 float:left 会发生什么?)
还有其他需要注意的冗余组合示例吗?块和宽度?等等,
有没有可以检查这种情况的工具?
我刚刚发现,浮动元素也会使它成为一个块,因此指定一个float属性display:block是多余的。
float
display:block
是的,display: block如果已指定float: left(或right),则是多余的。
display: block
float: left
right
(如果您尝试指定display:inline和float:left会发生什么?)
display: inline不会有任何区别,因为设置float: left力display: block“无论如何”:
display: inline
否则,如果“ float”的值不是“ none”,则该框将浮动,并根据下表设置“ display”。
总结表:float= display: block。
但是,您的特定示例在一种方面float: left; display: inline 很有用 - 它修复了IE6错误。
float: left; display: inline
一些例子:
position: absolute
float: none
top
bottom
left
position
static
我不这么 认为 。它不是必需的,所以我不明白为什么有人会写这样的工具。