1，元素垂直居中：
2，定位。
1）設置的left，top要設置position之後才起作用。
2）position: absolute;絕對定位脫離文檔流，是基於父類定位的而定位，特徵是脫離文檔流，可以重疊
3）當父類沒有高度（height）的時候纔可以撐開父類
4）清楚浮動的三個，設置一個僞類，clear：both；在最後一個浮動元素之後設置一個div清楚元素；在要清除浮動的元素裏面設置over-flow：hidden
5）div p:first-child通常一起用
6）行內元素忽略上下外邊距，有內邊距和左右外邊距。<span><a><i>
8/20/2017
1，居中方式：設置脫離文本流，即使：position: absolute; 注意absolute會找也有postition的父元素，同時如果沒有的話，標準是html或者boby。設置top: 50%; left: 50%; 這時候並沒有能居中，需要margin來定位：-50px -50px 100px -50px 注意這裏是順時針的方向，－代表向，正數是與指定的距離。像素是本身的一半。
2，padding 沒有負數，正數是向哪邊填充
3，行內元素的縱向padding和margin都是不考慮的，設置了不會有效果。要設置上下的距離的話就設置`line-height
4，浮動：對塊級元素影響：浮動之後，元素不佔用標準流，AB元素，A浮動之後，B佔用A原來的位置，A浮動流在標準流之上，所以會覆蓋B，如果A前面有浮動元素，A緊跟它後面，不夠位置的話就到下一行。A前面的元素如果不浮動的話，就會跟着它下面。
對行內元素，浮動之後，行內元素並不能佔用A的位置，只能圍繞在A的周圍。
清除浮動
父類設置overflow：hidden，父類結束前設置clear：both；
設置僞類 div:after{clear:both}
5，當元素設置position後，可以覆蓋浮動的元素。
