定位遇到transform不起作用

<div class="wrap" style="transform:rotate(90deg)">
 <div class="head" style="position:fixed;"></div>
</div>

当我们需要给head做吸顶效果是，发现定位吸顶失效
解决办法：可以使用pistion:sticky添加到head;

sticky
元素根据正常文档流进行定位，然后相对它的最近滚动祖先（nearest scrolling ancestor）和 containing block (最近块级祖先 nearest block-level ancestor)，包括table-related元素，基于top, right, bottom, 和 left的值进行偏移。偏移值不会影响任何其他元素的位置。