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

Question

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

Answer 1

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

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

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

Demo

Answer 2

这是transform-origin应该帮助的。

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

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