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

Question

我有如下构造：

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

菜单和编辑类显示：内联，因此它们将并排放置。

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

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

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

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