內(nèi)聯(lián)元素是不可以控制寬和高、margin等；并且在同一行顯示，不換行。
塊級(jí)元素時(shí)可以控制寬和高、margin等，并且會(huì)換行。

inline：使用此屬性后，元素會(huì)被顯示為內(nèi)聯(lián)元素，元素則不會(huì)換行。
block：使用此屬性后，元素會(huì)被現(xiàn)實(shí)為塊級(jí)元素，元素會(huì)進(jìn)行換行。
inline-block：是使元素以塊級(jí)元素的形式呈現(xiàn)在行內(nèi)。意思就是說(shuō)，讓這個(gè)元素顯示在同一行不換行，但是又可以控制高度和寬度，這相當(dāng)于內(nèi)斂元素的增強(qiáng)。

塊級(jí)元素不是? display:block 嘛

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

1. 首先這個(gè)子元素，必須為塊級(jí)元素哦；如果不是塊級(jí)元素的話，我們使用<displa:inline-block；>進(jìn)行轉(zhuǎn)換。

????????（因?yàn)閴K級(jí)元素才能夠具有寬高的屬性）

????2.此外子元素如果是塊級(jí)元素的話，寬度100%，高度也要設(shè)置一個(gè)數(shù)值，才能夠被撐開(kāi)顯示出來(lái)喲。

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

div{width:20px;}