没有填充或边距的旋转元素不粘在一边

我有一个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

没有填充或边距的旋转元素不粘在一边

回答

相关问题