0

对于过于具体的问题标题，我很抱歉，但我不知道会发生什么更普遍的事情。显然我错过了一些东西

看看这个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 中，所以我知道这不是浏览器错误。

4

1 回答 1

0

好的，我想通了——它与缩放有关。

这是工作的jsbin

显然，当您缩放一个元素时，您会缩放它的内容，但如果内容没有被缩放，元素本身的大小仍然是它本来的大小（为什么这将是默认功能超出了我的范围）。因此，解决方案是将所有内容都向上翻译scalingFactor*originalHeight- 这可以让您垂直定位。由于某种原因要水平定位，您必须向左平移scalingFactor*expectedWidth（应该是scalingFactor*scalingFactor*originalWidth）。

任何想为这种疯狂辩护的人......我都在听。

于 2013-01-10T21:54:38.673 回答