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

常见块级元素：div及类似元素(nav,section,header,footer,aside,hgroup...),ul(ol,dl),li(dl,dt),form,p,pre
常见行内元素：a,span,em,i,input,button
特性区别：

• 块级元素的宽度会自动延展至父元素content的宽度，可以使用width属性限制；
  行内元素的宽度由内容决定，width属性会被忽略。
• 块级元素每一元素独占一行，所有元素纵向排列，即使宽度不足依然如此；
  行内元素横向依次排列，可以换行。
• 块级元素永远是标准长方形，宽度为实际宽度；
  行内元素可以换行，此时元素并不是标准长方形，而是两部分相加。虽然不会影响展示，但获取宽度时会获取到最左至最右的长度（即整行宽度），而不是两部分宽度相加。
• 块级元素使用标准盒模型，margin/padding属性正常使用；
  行内元素不接受height属性，不接受上下margin/padding值（但是可以设置line-height）。
• 按照html标准，块级元素可以包裹行内元素，但是行内元素不能包裹块级元素。