css3 transform导致子元素固定定位变成绝对定位的方法CSS之定位布局(position，定位布局技巧)关于CSS中定位的小结css定位position引发的层级关系问题详解深入学习CSS中如何使用定位(小结)详解css粘性定位position：sticky问题采坑CSS中的四种定位区别详解

 本文介绍了css3 transform导致子元素固定定位变成绝对定位的方法，分享给大家，也给我自己留个笔记，方便查找。

问题相对于没有遇到过的同学不太容易查找原因。贴个图看下效果（只有绿色部分有蒙层，但我们可能以为自己的写法没有问题。）

其实我们想要的子元素全屏效果，需要设置transform: none；

问题比较典型：父级元素设置有效的transform属性会导致子元素固定变成绝对元素， 此时会导致子元素和父级元素相同大小. 此时查看子元素的offsetTop和offsetLeft都是0，需要引起注意。
出现场景： 通常会在框架UI的基础上自定义增加样式时候出现。

 到此这篇关于css3 transform导致子元素固定定位变成绝对定位的方法的文章就介绍到这了,更多相关css3 transform 子元素固定内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！