爲什麼內聯元素在浮動時接受寬度和高度？

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