[摘要]relative （相对定位）属性参数：static：静态定位，无特殊定位，对象遵循HTML定位规则（html的默认状态）absolute：绝对定位，对象脱离文档流，需要使用 left、top、r...
relative （相对定位）
属性参数：
static：静态定位，无特殊定位，对象遵循HTML定位规则（html的默认状态）
absolute：绝对定位，对象脱离文档流，需要使用 left、top、right、bottom等属性进行精确地定位。可以运用z-index属性进行层叠。（使用绝对定位时如果出现元素飘动，没有在你指定的位置上，可以在元素的父级元素上使用相对定位。“个人建议”）
relative：相对定位，对象不脱离文档流，无法像absolute一样进行层叠，但依然要使用 left、top、right、bottom等属性进行正常文档流中相对原来的对象位置进行移动，原位会被其他元素占据。
fixed：固定定位，脱离文档流，可以使元素在屏幕上保持固定位置，即使滚动条下拉元素位置也不会改变。
<p style="border=“1px solid red；position：absolute；top：150px；left：200px；">我是p111111</p>
p111111会向下移动150px、向右移动200px处
<p style="border=“1px solid red；position：absolute；bottom：50px；right：100px；">我是p222222</p>
p222222会向移动到距离底部150px、距离右边框100px处
当你要做一个始终在页面右下角显示的模块时使用 position：fixed；bottom：50px；right：50px；可以使p在距离底部50px和右边框50px处显示且不管你的页面怎么改变，p一直会显示在你可视范围内的相同位置
z-index：100px；后面跟的像素越大p所在的层级越高
语法：
float：left
关键词：html中的定位position以及浮动float如何运用？