iFrame填充与源不同

Question

我已经创建了一个小的JavaScript富文本编辑器，但是当我在iframe中打开它时，某些对象的填充不正确。这是从源头看起来的图像：

但是，当我将它放在iframe中并使用此源时，它看起来像这样：

我尝试更改DOCTYPE并将margin:和padding:更改为0px，但没有任何变化。我似乎无法解决这个问题。任何帮助将不胜感激。谢谢！

Answer 1

据我所知，发生的事情是iframe的宽度不够。从源头开始，颜色选择器盒可以填充它所需的所有空间，但是在iframe中它变得狭窄，缩小了内部的所有内容并使颜色带在末端，灰色16,32,64落到另一行。此外，颜色选择器的偏移量似乎已关闭;你使用百分比宽度和偏移吗？你可以做很多事情来解决这个问题：只需增加iframe的宽度（你不能让盒子只溢出iframe），将颜色选择框移到左边，使拾取器的大小固定（你需要调整iframe的大小或使其滚动，等等。这可能不是DOCTYPE问题。更多细节将不胜感激，但我希望这有帮助！

Answer 2

确定。我想出了我需要做什么。我使用jQuery将colorpicker div设置为特定的.offset()，但它在iframe中没有完全发挥作用。原因是因为div的宽度在颜色位功能上是变化的。因此，jQuery无法确定颜色选择器div的左侧定位，因为我编写的偏移函数使用了div的宽度。所以，我需要做的就是设置颜色选择器的宽度。 ;）感谢您的帮助！