为什么内联元素在浮动时接受宽度和高度？

Question

现在我有一个span元素，我给它的宽度和高度，例如500px 我知道它是内联元素，所以它不接受宽度和高度，但它为什么适用于我漂浮时？

span.first { 
 
    width: 500px; 
 
    height: 500px; 
 
    border: 1px solid #000; 
 
    float: right; 
 
} 
 

 
span.second { 
 
    width: 500px; 
 
    height: 500px; 
 
    border: 1px solid #000; 
 
}

<span class="first">with float</span> 
 
<span class="second">without float</span>

https://codepen.io/kemozzz/pen/KvVrXj

Answer 1

按照CSS规则，当你申请浮动的元素，在大多数情况下，它变成一个块级元素。内联和内联块的元素将计算为阻塞。

从MDN：

Answer 2

当你漂浮的元素，它会自动成为display: block。

从规格：

https://www.w3.org/TR/CSS22/visuren.html#dis-pos-flo