想要将缩放之后的div对齐顶点,那么需要将css属性设置为:transform-origin: 0 0
<div style="width: 160px; height: 160px; background: gray; overflow: auto;">
<div style="width: 100px; height: 100px; background: red; transform: scale(0.5); transform-origin: 0 0;"></div>
</div>
效果展示:
设置transform-origin: 0 0:
不设置transform-origin: 0 0: