具有相同级别的css优先级

Question

请考虑以下示例https://jsfiddle.net/wdvpubau/4/。

在此示例中，display:block和float:left具有相同的特异性，即2.为什么，display:block被覆盖且float：left优先。

理想情况下，display:block应该在另一个

之下显示4个div

Answer 1

display和float并没有按照您的想法进行互动。具有display: block的元素如果宽度允许，仍然可以彼此相邻浮动。

换句话说，float在放置元素时优先于display。