常用的CSS布局一、垂直和水平居中1、定位方法实现设置父元素样式position:relative;设置子元素元素样式宽度：200px；高度：200px；位置：绝对；左：0；顶部：0；右：0；底部：0；边距：自动；2。flex布局是通过设置父元素display:flex;justify-content:center;align-items:center;3.CSS3+定位实现父元素样式position:relative;width:100%;height:300px;background-color:bisque;子元素position:absolute;top:50%;left:50%;background-color:aqua;转换：翻译（-50%，-50%）；4。普通CSS实现父元素样式显示：table-cell;width:800px;height:300px;background-color:bisque;text-align:center;vertical-align:middle;子元素显示：inline-block;height:80px;背景色：浅绿色；垂直对齐：中间；二、两栏布局（定宽自适应）1、float+margin方式实现HTML
