positionfixed固定,固定定位 fixed

问题

　　 css固定定位位置：固定很容易使用，就是相对浏览器的视口进行定位，top:0；左侧：0就是在左上角。

　　body div class= container /div/body style .容器{宽度：100像素高度：100像素背景：# 888;位置：固定；top:100px；左：100像素}/样式

　　当父级元素设置改变之后

　　BFC盒子div class=容器/div /div/bodystyle .英国时尚协会盒子{边距：200 px高度：200像素宽度：200像素边框：2px纯红；变换：缩放(1);} .容器{宽度：100像素高度：100像素背景：# 888;位置：固定；top:100px；左：100像素}/style固定元素变成了相对父元素进行定位。

　　真是令人蛋疼，原因在于改变提升了元素的地位，在万维网路联盟(环球网Consortium简称W3C)规范中有如下说明：

　　对于其布局由CSS盒子模型控制的元素，除没有人之外的任何转换值也会导致元素成为包含块，并且对象充当固定位置后代的包含块

　　在改变不为没有人的元素中，定位是会受到影响的。

解决方案

　　 在不影响布局的情况下，可以直接把要定位的元素移动到身体下：

　　BFC盒/div div class=容器/div/正文如果是在组件中不方便对元素进行操作，可以使用js，以某视频剪辑软件为例：

　　div ref= container class= container /div mounted(){ document。身体。追加(这个.$ refs[ container ])}到此这篇关于详解如何解决位置：固定固定定位偏移问题的文章就介绍到这了，更多相关位置：固定固定定位偏移内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。