块级元素和行内元素的区别

1. 块级元素与行内元素都有哪些：

    块级元素：div，p，form，ul，li等
    行内元素：span，strong，em等

2. 块级元素和行内元素的宽高与边距：

a. 块级元素

• 独占一行，默认情况下，其宽度默认填满父元素的宽度。
  
• 块级元素可以设置width，height，margin，padding属性

b. 行内元素

• 不会独占一行，相邻的元素会排在同一行里，直到排不下自动换行，宽度随内容而变
• 行内元素设置width，height属性无效
• 行内元素margin和padding水平方向（-left，-right）产生边距效果，但竖直方向（-top，-bottom）不产生边距效果。

3. 

转载于:https://juejin.im/post/5c510a44e51d456898361729