(1) 黃色區的這裡:.info {margin:20px;} 表示上下區塊彼此之間有20px的距離
(2) 紫色區 #content .block {width:23%; margin:1%; float:left;} 表示四周有1%邊界,
      因為區塊浮動, 所以區塊的結果彼此之間有2%的距離
(3) 淡藍色區 #banner:除了背景顏色沒有設定 margin 或 padding,
      深藍色區 #banner h1 {margin:40px;} 原表示希望四周有40px的距離,
      因為區塊沒有浮動, 那麼 margin 表示與同一層前後物件的距離,
      然而 h1 前後沒有同一層的物件, 因此佔用了父層物件的空間, 看起來就像是父層搶去做了,
      這是 margin 的 Collapsing 狀況, 可以參考 W3C原文說明,
      margin 的 Collapsing 狀況只有在沒有浮動的上下之間才會產生, 浮動時不會, 左右之間也不會。