将position设置为absolute/fixed元素的特点及Z-index的使用

katy perry

已于 2022-07-25 13:51:41 修改

阅读量492

点赞数

分类专栏：笔记文章标签： html css 前端

于 2022-07-23 16:18:47 首次发布

本文链接：https://blog.youkuaiyun.com/m0_51865787/article/details/125949177

版权

笔记专栏收录该内容

31 篇文章

订阅专栏

本文探讨了CSS中`absolute`定位的特性，包括脱离标准流、设置任意宽高、Z-index使用以及对父元素宽高影响。`absolute`定位使得元素不再遵循从上到下、从左到右的布局规则，且内部元素仍按标准流布局。同时，`z-index`用于控制定位元素的堆叠顺序。理解这些概念对于优化网页布局至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一，可以随便的设置宽高

二，宽高默认由内容决定

三，不再受标准流的约束

	不再严格按照从上到下、从左到右排布
	不再严格区分块级、行内级、行内块级的很多特性都会消失

不再给父元素汇报宽高数据

	例如div包裹span元素，给子元素设置为absolute，span元素就会脱离文档流，div元素就不能被元素撑起，因而不显示。

脱标元素内部默认还是按照标准流布局

Z-index的使用

z-index属性用来设置定位元素的层叠顺序（仅对定位元素有效）。
取值可以是正整数、负整数、0