我很抱歉过于具体的问题标题，但我不知道什么更一般的事情可能会发生。显然我错过了一些东西
看一下jsbin:
http://jsbin.com/aguhux/1/edit请注意，您必须在编辑模式下查看它，出于某种原因(我怀疑与我基本上在jsbin中做jsbin技术有关)，js转义在完整视图中并改变页面。
我得到的基本上是
p{slipsum text}
div#preview (hard coded height, width)
div (css3 scale transform)
iframe
p{slipsum text}
其中iframe的内容是动态构建的，并且它们的高度和宽度也是手动设置的。
#preview的空间是在流内容中正确分配的，但由于某些原因，它的子元素脱离了容器并覆盖在底部段落上。
为什么会发生这种事?我怎样才能阻止它呢?
chrome和firefox都会出现这种情况，所以我知道这不是浏览器的问题。
好了，我想明白了——这和缩放有关。
这是工作的jsbin
显然，当你缩放一个元素时，你缩放了它的内容，但元素本身仍然是如果内容没有缩放的话，它的大小(为什么这将是默认的功能超出了我的范围)。因此，解决方案是也翻译所有的scalingFactor*originalHeight -这让你垂直定位。由于某种原因，要水平定位，您必须将scalingFactor*expectedWidth(应该是scalingFactor*scalingFactor*originalWidth)左平移。
任何想要为这种疯狂行为辩护的人……我洗耳恭听