1

我有一个如下构造:

<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 缩放?

4

0 回答 0