行内元素、行内块元素、块级元素解析

1. 行内元素

（1）设置宽高无效（行内元素的高度一般由元素内部的字体大小决定，宽度由内容的长度控制）

（2）不可以自动换行

（3）margin设置左右有效，上下无效

（4）padding设置上下左右有效

2. 行内块元素

（1）设置宽高有效

（2）margin上下左右设置均有效

（3）padding上下左右设置均有效

（4）不能自动换行

3. 块级元素

（1）可以自动换行

（2）margin上下左右设置均有效

（3）padding上下左右设置均有效

（4）宽高设置有效

（5）宽度没有设置的时候，默认宽度是100%

4. 行内元素、行内块元素、块级元素的转换

（1）行内元素转换：display:inline；

（2）行内块元素转换：display:inline-block;

（3）块级元素转换：display:block;