[在应用CSS变换时影响其他元素：比例

Question

我在页面上有三个div，它们并排漂浮。使用css scale方法，我将最中间的div缩放为0.5。这很好用。

唯一的问题是缩放div不会影响其他div的位置。似乎缩放的div仍然具有原始缩放的不可见容器。期望的结果是缩放后的边距保持不变。

我添加了一个示例：http://jsfiddle.net/yxYdd/3/（实际上，最中间的div充满了许多其他元素）

是否有一种整洁的方法，不会弄乱边距等，以便缩放会影响其他div的位置？

Answer 1

不幸的是，CSS 2D转换正是这样通过设计工作的。

您真正想做的是avoid在此示例中使用CSS转换，而使用另一个更简单的实现。

我在这里为您完成了此操作：http://jsfiddle.net/yxYdd/4/

您真正需要的唯一更改是：

.scaleDiv{
    width:75px;
}

会产生想要的效果。那不是很有趣吗？ :)

Answer 2

因此，缩放时会发生什么变化，即原始容器的高度宽度未更改。尝试