position定位和锚点

1、文档流:
		普通流: 从上至下,从左至右
		浮动流: 元素添加了float:;
		定位流: 添加了定位属性
				
2、定位: position:;	
 
	坐标位置：水平 left right
		     垂直top  bottom	 
	
    定位值：	
		static	默认值,设置坐标无效	
		absolute 绝对定位
			特征: 
			1:脱离文档流,不占位置
			2: 默认参考html的00点(浏览器零点)
			3: 如果有父级,且父级有定位,那就参考父级元素(默认定位除外) 相当于给子元素指定了参考物	
		relative: 相对定位
			特征:
			1: 占据文档流,占位置
			2: 参考自身加载在页面中的位置			
		fixed: 固定定位
			特征:
			1: 脱离文档流,不占位
			2: 元素固定在页面中不随着页面滚动而滚动
			3: 参考浏览器的00点	
		sticky: 粘性定位
			特征:
			1: 页面达到一定高度时,脱离文档流
			2: 效果是吸附浏览器顶部
			
3、层级关系:
	  前提条件: 想要改变层级关系,那元素必须有定位
      z-index:层级关系;
		        auto	默认值
		        number	具体数字(值越大,层级越高,值越小,层级越低,可以为负数)
	  并列关系: 两个元素都可以改变层级关系
	  嵌套关系: 只能改变子元素的层级关系	
	
4、锚点链接
		1: 点击位置  a标签  href="#mz"
		2: 确定跳转位置 id="mz"
		3: 页面高度足够	
   锚点:
		实现本页面的跳转,页面要足够高
		<a href="#name">点击位置</a>
		<标签 id="name">跳转位置</标签>