
CSS定位是CSS中控制元素位置的核心技术,通过position属性设置定位类型,position属性可以设置为static、relative、absolute、fixed和sticky五种值。static为默认定位方式遵循文档流布局,无法通过z-index层级调整。
relative相对定位基于元素原始位置偏移,不脱离文档流且保留原空间。absolute绝对定位脱离文档流,位置相对于最近的非static定位父元素。fixed固定定位始终基于浏览器视口定位,不随页面滚动改变。sticky粘性定位基于用户的滚动位置,在relative与fixed定位之间切换,适用于需要滚动吸顶效果的场景如侧边栏或表格表头。层级控制通过z-index属性实现,数值越大显示优先级越高。
CSS定位的相关特性在CSS2.1规范中已有定义。W3C的CSS工作组发布了CSS定位布局模块Level 3的工作草案,对相关特性进行了扩展。
想要了解更多“CSS定位”的信息,请点击:CSS定位百科
