css - 缩放内容后如何缩放容器 div？

Question

我有一个如下构造：

<div class="content">
    <div class="menu">--- mymenu ---</div>
    <div class="edit">--- myeditor ---</div>
</div>

菜单和编辑类是 display:inline，所以它们会并排放置。

我为用户提供了“缩放”编辑器的选项（使用 css 比例），但是当我这样做时，内容 div 与未缩放的编辑 div 保持相同的高度。编辑 div 已设置宽度和高度，然后使用以下内容修改位：

-webkit-transform:scale(1.25); 
-moz-transform:scale(1.25); 
-ms-transform:scale(1.25);

这适用于缩放编辑 div，但内容 div 不会缩放以适应它。我可以使内容 div 溢出：可见，这将显示编辑的内容，但会覆盖页面上它下面的任何内容。

当我缩放编辑 div 时，如何让我的内容 div 缩放？