首先写一个盒子：
加入margin-left: auto;左外边距自动（自适应）效果：
改为margin-right: auto;右外边距自动（自适应）效果：
改为左右外边距都自动的（左右自适应）水平居中效果：
那我上下是不是也可以自适应来达到垂直居中的效果呢？结果是不可以的：
结论：margin左右自适应是可以的，但上下自适应是不行的。
原因：浏览器在进行CSS渲染的时候，跟其它的样式会有一些冲突的点。当时在设计CSS时候，因为页面宽度肯定是固定的，但页面高度可以说是不限高的，就会出现跟一些其它内部样式冲突的问题，所有就没有做margin可以上下居中的特性。
解决（上下自适应）：
1、弹性盒模型（待补充。。。）
2、卖个关子：具体解决需要在第二大部分来进行学习。
参考视频：
https://www.bilibili.com/video/av68866999/?p=93