我有一个如下构造:
<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 缩放?