CSS的布局模型：
1.浮动模型（float）：
float属性:none(默认值，不浮动)
left(左浮动)；
right(右浮动)；
2.清除浮动（clear）：
clear属性：left:清除左浮动；
right:清除右浮动；
both:清除左浮动和右浮动；
CSS的定位布局：
布局的定位有四种方式：
（1）相对定位(relative)
（2）绝对定位(absolute)
（3）固定定位(fixed)
（4）静态定位(static)
大体说一下前两种：
（1）：相对定位的参照物：
相对于偏移前的位置进行定位
相对定位不会脱离正常的文档流
注：relative和absolute结合使用
（2）：绝对定位：
绝对定位依赖于position属性，如果父元素有position属性，就相对于父元素绝对定位（r），如果父元素没有position，它就会再往上找上一级父元素，如果都没有，最后就找到body，相对于body
来源：https://www.cnblogs.com/heitaitou/p/12263097.html