如何讓div垂直，但是與水平div的左下角座標對齊？

Question

這裏有一個粗略的草圖。有沒有一種方法可以使div的高度和寬度沒有硬編碼值？

Answer 1

這是transform-origin應該幫助。

我看着你的小提琴。你需要div的絕對定位？如果不是，那麼將transform-origin設置爲0 0就足以使其工作。 （我假設這是你想要的：http://jsfiddle.net/Actss/17/）

去除的div的position: absolute保證第二div的左上角的接觸第一div的左下角。在第二個div上進行旋轉（在處），您將獲得所需的效果。

Answer 2

您可以使用transform-origin定義要旋轉的點。

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

這將圍繞左下角的點旋轉元素。默認情況下，它被設置爲元素的中心（50％50％）。

Demo