css基础布局（续）

左右布局

1. float
   通过在每个子元素添加float，并在父元素中添加clearfix，可以实现子元素的浮动，其意为将该块状区域脱离父级标签的文档流，利用left``right达到左右布局的效果。
   
   父元素示例
   
   
   子元素示例
2. absolute
   position：absolute 也可以实现脱离文档流，需要在父元素中添加position：relative，可实现相对父元素的绝对定位效果。
   
   父元素示例
   
   
   子元素示例

左中右布局

1. 左右浮动+中间自动填充

   
   
   示例
2. 绝对定位
   左边元素: position: absolute; left: 0;右边元素: position: absolute; right:0; 中间元素: position: absolute;left:300px; right: 300px;
   
   示例

水平居中

1. 内容居中样式
   text-align:center
2. 必备居中样式
   margin:0 auto
   
   居中示例

垂直居中

弹性布局flex

居中示例

内容不够完善，后续会不断调整