我們知道元素可分為塊級元素和內聯元素，也知道塊級元素內既可以巢狀內聯元素也可以巢狀塊級元素，但是內聯元素就只能巢狀內聯元素，不可以巢狀塊級元素，當然表格下的tr除外，那麼如果違反了規定會出現什麼樣的效果呢？？
程式碼如下所示

<!--內聯元素內巢狀塊級元素的展示效果-->
<div>
    這是塊級元素
    <div style="width: 200px;height: 200px;background-color: #00bbbb;">這是塊級元素</div>
</div>
<span>這是內聯元素
    <div
 
 style="width: 200px;height: 200px;background-color: #00bbbb;">這是塊級元素</div>
</span>

我今天實驗了一番，直接展示效果圖做一個對比：

解析：
當我們點選最外層div時，展現的選擇元素包括了其內部的div，並且寬度為518*211

而當我們點選第二張圖的最外層的span元素時，其展現的元素僅僅只是span內的文字，而內巢狀的塊級元素並沒有包括，但是其寬度也是518*211，而且也沒有實現內聯效果，及元素不換行，如下圖，同是內聯元素，並沒有在一行上顯示