Question

我有一个页面上有三个Divs, 全部并肩漂浮。使用 cs 比例法, 我将中间的 div 缩放到 0.5 。这效果很好。

唯一的问题是, 缩放 div 将会影响其他 div 的位置。看起来, 缩放 div 仍然有一个与原始比例的无形容器。期望的结果是, 缩放后, 边距保持不变。

我添加了一个例子:http://jsfiddle.net/yxYdd/3/ (事实上,最中间的div充满了许多其他元素)

是否有一种整洁的方法, 不玩弄边际等, 所以缩放会影响其他 divs 的定位?

Answer 1

不幸的是,这是CSS 2D 如何通过设计来改变工作方式。

您真正想要做的是使用 CSS 变换方式的“ 强” 避免 < / 强”, 而不是使用另一个更简单的执行。

我在这里为你们做了这些:http://jsfiddle.net/yxYdd/4/

你真正需要的改变是:

.scaleDiv{
    width:75px;
}

这能产生你想要的效果,是不是很有趣?