那一夜，块级/行内元素逼疯了我

定义

• 块级元素（垂直排列）
  一个元素独自占据一整行。

• 行内元素（水平排列）
  可以和其他行内元素共同占据一行。

区别

• 直观上，块级元素独占一行，行内元素可以与行内元素共同占用一行。
• 块级元素可以包含块级元素和行内元素，但是行内元素不能包含块级元素。
• 行内元素与块级元素在盒模型上的属性不同。即行内元素设置width/height无效，但是line-height有效，margin/padding上下无效左右有效。
• 块级元素默认宽度与浏览器相同，与包含的内容无关，而行内元素则与所包含的内容宽度相同。