css 幽靈空白節點

在HTML5文檔聲明中，内聯元素的所有解析和渲染表現就如同每個行框盒子的前面有一個“空白節點”一樣。這個“空白節點”永遠透明，不占據任何寬度，看不見也無法通過腳本擷取，就好像幽靈一樣，但又确确實實地存在，表現如同文本節點一樣，是以，我稱之為“幽靈空白節點”。

如果沒有HTML5文檔聲明，則不存在幽靈空白節點

一個最簡單的例子證明“幽靈空白節點”确實存在

下方代碼會得到一個有高度的div ！

<div><span></span></div>      

div {
        background-color: #cd0000;
    }
    span {
        display: inline-block;
    }