定位学习了
定位
相对定位:相对于自身,移位后占有原有位置(自恋型)
绝对定位:相对于祖先元素(拼爹型)
如果没有祖先元素或者祖先元素没有定位,则以浏览器为准定位如果有多个祖先元素,以最近的带有定位的为准绝对定位不占有原有位置
子绝父相
子元素加绝对定位,父元素加固定定位
固定定位:固定于浏览器可视区的位置。主要使用场景:可以在浏览器页面滚动时元素的元素的位置不会改变。
不随滚动条滚动而变化与父元素无关不占有原有位置
固定定位小技巧(贴在版心右侧):
1、left:50%
2、margin-left:版心宽度一半距离
粘性定位sticky:
粘性定位的特点:
以浏览器的可视窗口为参照点移动元素(固定定位特点) 粘性定位占有原先的位置(相对定位特点) 必须添加top . left、right、bottom其中一个才有效 跟页面滚动搭配使用。兼容性较差,IE不支持。
定位叠放次序 z-inde
定位学习了最先出现在Python成神之路。
共有 0 条评论