1.css 單行文字換行溢位解決方案（css三件套）    

    white-space:nowrap
    overflow:hidden
    text-overflow:ellipsis

2.css margin塌陷問題（父子節點時，margin-top不起作用）

   具有bfc的元素我們可以抽象的理解成為隔離了的獨立容器， 滿足以下任何條件都可以觸發bfc:
   絕對定位元素 position 為 absolute、fixed
    display 為inline-blocks,table-cells,table-captions
    overflow 為 hidden,auto,scroll

3.absolute一般伴隨這 relative用，以relative為參照物，absolute物體圍繞著該物體便宜。
  兩者的都是決定定位，區別是：absolute是偏移原來的位置定位，relavtive則是保留原來的佔位符進行浮動。

CSS學習筆記

1.word-wrap 允許文字強制換行的屬性。
2.column-count 直接對文字進行多列顯示.
3.column-gap 規定多列之間的間隔
3.column-rule 設定多列之前的間隔屬性。