CSS3中各种定位属性

定位:position
static 默认值,设置坐标无效
absolute 绝对定位
特征:
1:脱离文档流,不占位置
2: 默认参考html的00点(浏览器零点)
3: 如果有父级,且父级有定位,那就参考父级元素(默认定位除外) 相当于给子元素指定了参考物
坐标位置 :
水平 left right
垂直top bottom

	relative: 相对定位
				特征:
				1: 占据文档流,占位置
				2: 参考自身加载在页面中的位置

	absolute	绝对定位
				1: 不占据位置,脱离文档流
				2: 默认参考html元素(浏览器)改变在页面中的位置,假如有定位父级,则参考父级元素
			
	fixed: 固定定位
				特征:
				1: 脱离文档流,不占位
				2: 元素固定在页面中不随着页面滚动而滚动
				3: 参考浏览器的00点
				
	sticky: 粘性定位
				特征:
				1: 页面达到一定高度时,脱离文档流
				2: 效果是吸附浏览器顶部

z-index:层级;
有定位的元素才可以修改层级关系

发布了10 篇原创文章 · 获赞 1 · 访问量 31

猜你喜欢

转载自blog.csdn.net/qq_46591632/article/details/105034501