transform 遇上 position: fixed

最近遇到一个有意思的现象,以下 demo 中 fixed 的元素没有相对 viewport 定位,而是相对于它的父元素进行定位。

<html>   <head>   <style>     .parent {       width: 200px;       height: 300px;       background: yellow;       transform: scale(1);      }     .fixed {       position: fixed;       left: 0;       right: 0;       bottom: 0;       background: red;     }    </style>   </head>   <body>     <div>     parent       <div>fixed</div>     </div>   </body> </html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpsywg.html