內聯元素是不可以控制寬和高、margin等；并且在同一行顯示，不換行。
塊級元素時可以控制寬和高、margin等，并且會換行。

inline：使用此屬性后，元素會被顯示為內聯元素，元素則不會換行。
block：使用此屬性后，元素會被現實為塊級元素，元素會進行換行。
inline-block：是使元素以塊級元素的形式呈現在行內。意思就是說，讓這個元素顯示在同一行不換行，但是又可以控制高度和寬度，這相當于內斂元素的增強。

塊級元素不是? display:block 嘛

元素寬度在不設置的情況下，為父容器的100%

1. 首先這個子元素，必須為塊級元素哦；如果不是塊級元素的話，我們使用<displa:inline-block；>進行轉換。

????????（因為塊級元素才能夠具有寬高的屬性）

????2.此外子元素如果是塊級元素的話，寬度100%，高度也要設置一個數值，才能夠被撐開顯示出來喲。

<!--代碼演示-->
<div?style="width:200px;height:200px">
????<div?style="width:100%;height:30px">
????</div>
</div>

div{width:20px;}