鏈接：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都不會產生邊距效果