positionrelative元素会相对于其正常位置进行偏移即使移动positionrelative,它仍保持在文档流中positionrelative的位置positionrelative,并占据其原始空间positionabsolute元素positionrelative的位置相对于最近的已定位祖先元素进行偏移若无已定位的祖先元素,则相对于初始包含块进行定位对文档流的影响positionrelative元素虽然偏移,但仍占据文档流中的原始。
网页中的position属性是用于设置HTML元素的定位方式的在CSS中,position属性有四个可选值staticrelativeabsolutefixed,下面分别解释这四个值static静态定位默认值所有元素在不设置position属性时,默认就是static定位特点不受topbottomleftright属性的影响,即这些属性在static定位。
position属性有staticrelativeabsolute和fixed取值区别是static,默认值,没有定位relative,生成相对定位的元素,通过top,left,right的设置相对于其正常位置进行定位absolute,生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位fixed,生成绝对定位的元素,相对于浏览器窗口进行定位。
使用quotrelativequot属性生成相对定位的元素,其相对于其原始位置进行定位可通过leftrighttopbottom属性调整位置,zindex属性用于调整层叠顺序元素保持原有形状,占用空间不改变若无定位偏移,元素本身不受影响绝对定位 应用quotabsolutequot属性将元素移出文档流,使其相对于包含块进行定位元素原来在文档。
联系电话:18300931024
在线QQ客服:616139763
官方微信:18300931024
官方邮箱: 616139763@qq.com