.container{position:relative;}.content{位置：绝对；顶部：50%；左：50%；transfrom:translate(-50%,-50%)}2display:flex关于flex的所有知识点，请参考阮一峰老师关于flex的教程阮一峰——Flex布局tutorial.main{display:flex;宽度：200px；高度：200px；显示：弹性；对齐项目：居中；证明内容：居中；}.content{宽度：50px；height:50px;}3display:table-celldisplay:table-cellplusvertical-align:middle让不同高度的元素垂直居中。容器{显示：表格单元格；vertical-align:middle;}2.关于CSS3中间盒模型标准盒模型奇怪盒模型（IE盒模型）flex盒模型多列布局三大师几种经典布局方案一共三列，两边宽度是固定的，中间是自适应的1HolyGrail.container{height:100%;填充：0200px;}.left，.right{宽度：200px;最小高度：200px；背景：浅蓝色；}.center{宽度：100%；最小高度：400px；背景：lightsalmon;}.left,.center,.right{浮动：左；}.left{左边距：-100%；位置：相对；left:-200px;}.right{margin-right:-200px;}