position五种属性-飞

 

1.position：static（默认值）

默认布局，元素出现在正常的文档流中（忽略top，bottom、left，right或者z-index声明）。

2.position：relative（相对定位）

（1）不影响元素本身特性（无论区块元素还是内联元素会保留其原本特性）
（2）不会使元素脱离文档流（元素原本位置会被保留）
（3）没有定位偏移量时对元素无影响（相对于自身原本位置进行偏移）
（4）提升层级（用z-index样式的值可以改变一个定位元素的层级关系，从而改变元素的覆盖关系，值越大越在上面。）
注：z-index只能在position属性值为relative或absolute或fixed的元素上有效。

3.position：absolute（绝对定位）

（1）使元素完全脱离文档流（在文档流中不再占位）
（2）使内联元素在设置宽高的时候支持宽高（改变内联元素的特性）
（3）使区块元素在未设置宽度时由内容撑开宽度（改变区块元素的特性）
（4）相对于最近一个有定位的父元素偏移（若其父元素没有定位则逐层上找，直到document——页面文档对象）
（5）相对定位一般配合绝对定位使用（将父元素设置相对定位，使其相对于父元素偏移）
（6）提升层级（同相对定位）

4.position：fixed（固定定位）

fixed是特殊版的absolute，相对于浏览器窗口进行定位。

5.position：inherit

继承父元素的position属性，但需要注意的是IE8以及往前的版本都不支持inherit属性。

6.position：sticky（粘性定位）

该定位基于用户滚动的位置，不脱离文档流。
它的行为像 position:relative;。
当页面滚动超出目标区域时，(桃花仙人是谁？唐寅，《桃花庵歌》是诗人唐寅创作的一首七言古诗。诗中诗人以桃花仙人自喻，以“老死花酒间”与“鞠躬车马前”分别代指两种截然不同的生活方式，又以富贵与贫贱的各有所失，形成鲜明强烈的对比，表现了自己平凡真实中带有庸俗消极一面的真实内心，带有愤世嫉俗之意气。)它的表现就像 position:fixed;，它会固定在目标位置。

扫码加微信详细咨询太和智慧养老产品和平台服务！

扫码加微信详细咨询太和智慧养老产品和平台服务！

 

 



版权声明：

---------------------------------------------------------------

所有信息来源于互联网,本文的版权归原作者所有，不代表本网观点和立场。

本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 81480447@qq.com 举报，一经查实，本站将立刻删除。

扫码加微信详细咨询太和智慧养老产品和平台服务！