块级元素 block 内联元素 inline 内联块级元素inline-block 以及相互转换_切换toggle显示元素会变成inline-block

内联元素：一般是内容的容器，块级元素：一般是其他容器的容器
块级元素可以包含块级元素以及内联元素。
内联元素适合显示具体内容，而块级元素适合做布局，CSS+DIV 布局， 现在移动端布局建议采取Flex 布局，因为弹性布局在pc端兼容性暂且存在问题，未来pc端也会FLex布局，这是趋势

块级元素：独占一行，对宽高、margin、padding 生效，如果不设置宽度，默认是浏览器的宽度
内联元素：可以多个标签存在一行，对宽高属性等不生效，完全靠内容撑开宽高。， 只对margin，padding左右生效。
内联块级元素：结合内联元素和块级元素的优点，既可以设置宽高，又可以让padding、margin生效，又可以和其他元素内联元素并排

1、float： 当把内联元素设置浮动时，该内联元素的display属性会被赋予block值，且拥有浮动特性，
有的资料上说。内联元素去除了之间的莫名空白，但我测试并没有。

2、position：当为内联元素进行定位时，absolute和fixed 都会使原先的内联元素变为块级元素。