position
position 的四個屬性：static刊殉、absolute涮坐、relative吓笙、fixed
static：默認(rèn)值
absolute：脫離文檔結(jié)構(gòu)己儒，導(dǎo)致父元素坍塌崎岂；相對于最近的非static元素進行定位；使得inline元素被“塊”化闪湾；使得元素已有的float失效冲甘。多個懸浮元素，后來者在上方途样；
relative：根據(jù)原來位置江醇，導(dǎo)致自身位置的相對變化，而不會影響其他元素的位置何暇、大小的變化陶夜。
產(chǎn)生新的定位上下文，影響子元素（如absolute屬性元素定位）
fixed：根據(jù)瀏覽器確定位置
參考文章：https://www.cnblogs.com/wangfupeng1988/p/4322680.html
居中
css原理：
vertical-align ：指定行內(nèi)元素（inline）和行內(nèi)塊級元素（inline-block）或表格單元格（table-cell）元素的垂直對齊方式赖晶。
文本垂直居中：
單行文本：設(shè)置line-height 和區(qū)域高度height 一致即可
多行文本垂直居中：
1律适、父級元素高度不固定，隨內(nèi)容變化：內(nèi)填充padding-top = padding-bottom
2遏插、父級元素高度固定：
父元素div：display：table
子元素div：display：table-cell捂贿；vertical-align：middle
子div垂直居中：
1、子div具體大小設(shè)置偏移
2胳嘲、利用transform:translateX(-50%)translateY(-50%);
3厂僧、利用絕對布局absolute
4、利用vertical-align屬性實現(xiàn)子div大小不固定垂直居中
5了牛、利用display：flex：
justify-content: center;/*實現(xiàn)水平居中*/
align-items:center; /*實現(xiàn)垂直居中*/
參考鏈接：https://blog.csdn.net/u014607184/article/details/51820508
