ARTICLE DETAIL

资讯详情

深耕编程入门与网站建设的一线实战洞察。

定位 position:static/relative/absolute/fixed/sticky 全解析

定位 position:static/relative/absolute/fixed/sticky 全解析 1. static 默认定位标准文档流top/left/z-index 全部无效。2. relative 相对定位相对于自身默认位置偏移不脱离文档流占位保留常用于微调位置、作为绝对定位父级参照3. absolute 绝对定位脱离标准文档流相对于最近的已定位父级偏移父无定位则相对于根元素 html4. fixed 固定定位相对于浏览器视口固定页面滚动位置不变常用于悬浮按钮、顶部导航、回到顶部5. sticky 粘性定位relative fixed 结合体滚动到阈值时固定否则正常流动。常用于列表吸顶、栏目导航。
返回列表