本节介绍css定位属性的使用什么是定位相对定位绝对定位什么是固定定位什么是定位定位的概念:定位是一个主要的布局属性,常用于cappingorposition-relatedeffects属性名称:position属性值:relative(相对定位)、absolute(绝对定位)、fixed(固定定位)功能:设置定位元素,根据某个引用元素进行positionoffset偏移数量属性:定位元素需要移动的方向位置属性名:left,right,top,bottom属性值:px值,%relative定位属性值:relativereference元素:标签加载的原始位置,必须与offset属性可以偏移的特性:相对定位不偏离s标准流,保留原位置,不让位原则位置div{border:1pxsolidred;宽度:400px;高度:400px;边距:100px自动;位置:相对;左:100px;}相对定位的应用1.由于相对定位元素会保留原来的位置,所以相对定位可以作为后面绝对定位的参考元素。进行位置微调或文字微调3.自定义加盖顺序效果。给定位元素添加z-index属性生效。parentz-index越大,parent越大。如果未设置父级,则子级将比较z-index大小。如果两者相同,代码片段会按照html顺序覆盖。绝对定位属性值:绝对引用元素:具有定位的最近的祖先元素。如果祖先元素没有定位,引用体需要配合offset属性。标准流位置,可以设置宽高,随时定义位置,绝对定位不设置宽高,内容会被拉伸固定定位属性值:固定参考元素:固定定位的元素浏览器窗口会一直显示在定位位置特点:固定定位脱离标准流,让位标准流的位置,可以设置宽高,固定在浏览器窗口的位置,根据抵消。使用定位使定位元素居中如果要使参考元素居中,需要将x轴的一个方向设置为50%,然后在同一方向上加上边距宽度负值的一半即可居中代码片段
