淺談塊級元素的水平格式化細節

1. 內邊距不能爲負值，而外邊距能夠爲負（測試極限）無極限，設置爲負的內邊距都會默認改成0
2. 盒子的width值並不會隨着增長的padding margin而改變，它並非可見的值，每每在內容區左右添加邊距，會隱式的增長width值。
3. 水平格式化的七個屬性：margin-left、border-left、width、border-right、margin-right,這些屬性的值加起來正好是包含塊也就是父盒子的width，所謂元素框與父元素的width相同。
4. width、margin-left、margin-right 能夠設置爲auto 其餘幾個不能夠。1.三個中有auto，則相對父盒子width儘量鋪滿，外邊距爲0。2.width爲auto，一個外邊距爲auto，另外一個固定，則設置爲auto的外邊距減爲0。3.若都設置固定值（稱爲格式化屬性過度受限），則強制使margin-right爲auto，做爲從左向右讀的語言（英語），會把右側margin-right忽略掉

6. 由此而來的居中，顯示設置width值，外邊距自動，盒子在父元素中居中，而text-align：center則只能用於塊級元素的內聯內容

7. 外邊距能夠爲負值，這項設定是有意義的，元素7個屬性的總和不能比其包容塊的width更大，可是都是固定值，且超過了父元素的width，那麼會發生什麼？
   • • 左邊margin正常，右側margin又被和諧了