1.左右布局
首先两个子元素分别(float:left;float:right)，且这两个子元素有相同的父元素，父元素加上类名字(class="clearfix")，用来修复float带来的bug
2.左中右布局
三个子元素都分别(float:left;float:left;float:right)，这三个子元素有相同的父元素。父元素加上类名字(class="clearfix")，分配给他们适应的宽度，给中间的子元素加左外边距(margin-left)
3.水平居中
将块元素改为(display:inline-block)，往它的父元素加上(text-algin:center)
4.垂直居中
如果是块级元素，父元素(position:relative;)，子元素(position:absolute)
暂时还没学会其他的，就这些了。
原文：https://www.cnblogs.com/xiaoxinwan/p/9191890.html