垂直格式化的研究

前段时间研究了下，inline元素的格式化，感觉有点复杂，还没完全弄明白，今天看了下block元素的格式化，原本以为很简单的概念，但是我错了，block元素的格式化也不是很简单，所以很多前辈说css难学，现在看来不无道理。很多前端工程师，都轻视css，在重学了css后，理解这一块真的一点也不轻松。

垂直格式化

• 块级元素height为auto
  高度从最高子元素的上外边距到其最低子元素下外边距

  书上写的与这不一致 以上表现为chrome v50.0.2661.94下的表现

• 块级元素height有固定值时 情况稍微有点复杂
  1. 没有上边距，下边距（上边框，下边框无关）
     高度为最高元素的上外边距到该元素的下外边距
  2. 有上边距，上边框（上边框，下边框无关）
     高度为该元素的上外边距到该元素的下外边距