内联元素是不可以控制宽和高、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;}