链接：https://zhidao.baidu.com/question/1988012763773636867.html
链接 inline-block：https://www.cnblogs.com/Ry-yuan/p/6848197.html
块级元素：一般都是从新行开始，它可以容纳行内元素和其他块元素，常见块级元素比如div，p等。
行内元素：也叫做内联元素，一般都是语义级别的基本元素，内联元素一般只能容纳文本或者其他内联元素。
而当加了css控制以后，块元素可以变为内联元素，内联元素也可以变为块元素。 span
块级元素和内联元素的区别
1. 块级元素会独占一行，其宽度自动填满其父元素宽度
行内元素不会独占一行，相邻的行内元素会排列到同一行里，直到一行排不下，才会换行，其宽度随元素的内容变化而变化，
2. 一般情况下，块级元素可以设置width,height属性，行内元素设置width,height无效
（注意，块级元素设置了width宽度属性后仍然是独占一行的）
3. 块级元素可以设置margin,padding属性
行内元素的水平方向的padding-left和padding-right都会产生边距效果，但是竖直方向上的padding-top和padding-bottom都不会产生边距效果