1.经典的行布局
// 行布局垂直水平居中
<style>
body {text-align: center;}
.parent{
background: #4c3421;
width: 800px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -400px;
}
</style>
// 行布局自适应
margin: 0 auto; /*上下为0，左右auto，布局水平居中*/
line-height: 50px; /*行高 和 高度一样，文本上下居中*/
2.经典的两列布局
3.经典的三列布局
4.混合布局
5.圣杯布局
6.双飞翼布局
