我正在尝试使用最新的CSS3盒子模型，使我的布局能够随着页面大小的变化而动态调整。问题是，在Firefox 3.6中(在Chrome中可以完美运行)，我的拖放操作出现了一个bug。我不确定这是firefox, Jquery还是我自己的错误?但它看起来是我正在拖动的克隆对象的位置是接收30像素额外的poss .left。
这意味着当我将按钮放入选项卡区域时，它没有正确地锁定在可拖动区域#page1中。相反，似乎有30px的额外边距，按钮神秘地驻留在其中。当我将按钮拖到页面底部时，由于这个"边距"，它似乎漂浮在page1和选项卡内容之外。
此外，如果我使用firebug来勾勒容器的轮廓，它们看起来都是合适的大小(没有有趣的溢出或类似的事情)。然而，如果我取出盒子模型代码在外部容器，制表符内容，页1，页脚和手动设置制表符内容的高度说，800px，然后错误就消失了。
它似乎发生在这里:
var pos= $(ui.helper).offset();
objName = "#clonediv"+counter;
$(objName).css({"left":pos.left,"top":pos.top});
我的代码在这里:http://jsfiddle.net/yLCZb/5/
有什么想法?如果我能让它在FF中工作，我想使用这个框模型技术。
我不是jquery的家伙，但它看起来像你的混合& &;文档类型的匹配使FireFox感到困惑。试试香草HTML5 doctype声明:
<!DOCTYPE html>
您还应该从<script>标记中删除XHTML结构和"language"属性。
HTH !