css - 如何使 div 垂直但与水平 div 的左下角坐标对齐？

Question

这里有一个粗略的草图。有没有办法在没有 div 的高度和宽度的硬编码值的情况下实现这一点？

Answer 1

您可以使用 定义要旋转的点transform-origin。

-webkit-transform-origin: 0% 100%;

这将围绕左下角旋转元素。默认情况下，它设置为元素的中心 (50% 50%)。

演示

Answer 2

这是transform-origin应该帮助的。

我看过你的小提琴。您需要绝对定位 div 吗？如果没有，那么设置transform-origin为0 0足以使其工作。（我想这就是你想要的：http: //jsfiddle.net/Actss/17/）

从 div 中删除position: absolute确保第二个div的左上角接触第一个div的左下角。使第二个旋转div发生在同一点（通过使用transform-origin），您将获得所需的效果。