沒有填充或邊距的旋轉元素不粘在一邊

我有一個div，我在容器內旋轉。我一直無法將旋轉的div「粘」到容器的最左側。請參閱this fiddle以瞭解我的意思。沒有填充或邊距的旋轉元素不粘在一邊

2012-05-15 Randomblue

嘗試給予div'position：relative; left：0px;' – Lodder

@Lodder：試過了，但無法讓它工作。如果你有一個工作小提琴，那會很棒。 – Randomblue

一個不太優雅的解決方案是給元素一個負的左邊距：http://jsfiddle.net/qfWH8/5/ @ Kolink的答案看起來像「propper」的方式。 –

您需要設置transform-origin（-webkit-transform-origin等），以top left，和rotiation（所以是這樣的：transform: rotate(-90deg) translateX(-100px)）之後添加translateX(-100px)。否則，你正在圍繞中心點旋轉（在旋轉的元素上設置背景，你會看到）。

請注意，請確保過濾器未應用於IE9（使用條件註釋），否則兩者都將應用並且結果爲黑盒子。

Updated fiddle

來源

2012-05-15 14:39:52

沒有填充或邊距的旋轉元素不粘在一邊

回答

相關問題