5.元素的position属性

5.元素的position属性

(1)定义:规定元素的定位类型。

(2)正常文档流:指的是没有用CSS样式去控制的HTML文档结构,代码的顺序就是网页展示的顺序。

(3)脱离文档流:指的是元素所显示的位置和文档代码不一致。

(4)static:默认值。没有定位,元素出现在正常的文档流中。

relative:生成相对定位的元素,相对于其在正常文档流中的位置进行定位(不脱离文档流)。

absolute:生成绝对定位的元素,相对于static定位以外的最近父级元素进行定位,即相对于其直接父级元素(脱离文档流)。absolute较少直接单独使用在正常的文档流中,主要运行于进行了相对定位的元素框架层里面,相对该层的左上点进行偏移。

fixed:生成固定定位元素,相对于浏览器窗口进行定位。

inherit:从父元素继承position属性的值。

(5)z-index属性:使用了relative、absolute、fixed三种定位后,都会使正常的文档流发生一定程度的改变,造成元素出现重叠的情形。为了能让重叠的元素有序的显示出来,需要在定位的相关元素加上z-index属性。其值是一个整数值,默认为0,数值越大表示拥有的优先级越高,该属性只对使用了定位的元素有效。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容