元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。 希望有代码谢谢
内联元素是不可以控制宽和高、margin等；并且在同一行显示，不换行。
块级元素时可以控制宽和高、margin等，并且会换行。
inline：使用此属性后，元素会被显示为内联元素，元素则不会换行。
block：使用此属性后，元素会被现实为块级元素，元素会进行换行。
inline-block：是使元素以块级元素的形式呈现在行内。意思就是说，让这个元素显示在同一行不换行，但是又可以控制高度和宽度，这相当于内敛元素的增强。
块级元素不是 display:block 嘛
元素宽度在不设置的情况下，为父容器的100%
首先这个子元素，必须为块级元素哦；如果不是块级元素的话，我们使用<displa:inline-block；>进行转换。
（因为块级元素才能够具有宽高的属性）
2.此外子元素如果是块级元素的话，宽度100%，高度也要设置一个数值，才能够被撑开显示出来哟。
<!--代码演示--> <div style="width:200px;height:200px"> <div style="width:100%;height:30px"> </div> </div>
div{width:20px;}