定位 position
含义：定位就是让元素位置进行改变，改变位置时需要配合偏移属性
取值：static 静态定位
relative 相对定位
absolute 绝对定位
fixed 固定定位
sticky 粘性定位
偏移属性：top
right
bottom
left
静态定位：元素就是普通文档流，就算添加任何定位和偏移量都不会让静态定位发生位置改变
相对定位：相对于自己元素的位置进行微调，元素添加相对定位之后，通过偏移属性来改变位置。使用相对定位不会影响其他元素
绝对定位：①当父元素没有相对定位时，子元素添加绝对定位和偏移属性后，按照浏览器为参照物进行位置调整，浏览器左上角为原点
②当父元素游相对定位时，子元素添加绝对定位和偏移属性后，按照父元素为参照物进行位置调整，参照物为父元素
实际开发时，使用父相子绝，即父元素相对定位，子元素绝对定位
固定定位：以浏览器为参照物，固定不动
粘性定位：主要应用：滚动吸顶，滚动页面过程中让某一块布局吸附在浏览器顶部，是固定定位和相对定位的结合体
定位参照物
静态定位：普通文档流定位，默认情况无论怎样添加偏移属性都不会修改位置，没有参照物
相对定位：对于自己原来的位置进行修改，参照物是自己本身原来的位置
绝对定位：参照物分为两种情况
a.父元素没有定位的情况下，子元素添加绝对定位，子元素参照物是浏览器左上角的位置
b.父元素有定位的情况下，子元素添加绝对定位，子元素的参照物是父元素左上角
固定定位：不受滚动条的影响，参照物为浏览器左上角的位置
粘性定位：相对定位和固定定位的结合体，参照物是浏览器
最低0.47元/天 解锁文章
825
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
