0

我正在试验最新的 CSS3 盒子模型，以使我的布局能够随着页面大小的调整而动态调整大小。问题是在 Firefox 3.6 中（在 Chrome 中完美运行）我的拖放有一个错误。我不确定它是firefox，Jquery还是我自己的错误？但它看起来是我拖动的克隆对象的位置为 pos.left 接收了 30px 额外。

这意味着当我将按钮放到选项卡式区域时，它没有正确锁定在#page1 的可拖动区域内。相反，按钮神秘地驻留在其中似乎有 30px 的额外边距。当我将按钮拖到页面底部时，由于这个“边距”，它似乎漂浮在 page1 和选项卡内容之外。

此外，如果我使用萤火虫来勾勒容器的轮廓，它们看起来都大小合适（没有有趣的溢出或类似的东西）。但是，如果我取出外部容器、选项卡内容、页面 1、页脚中的框模型代码并手动将选项卡内容高度设置为 800 像素，那么该错误就会消失。

它似乎在这里发生：

  var pos= $(ui.helper).offset();
          objName = "#clonediv"+counter;
          $(objName).css({"left":pos.left,"top":pos.top});

我的代码在这里：http: //jsfiddle.net/yLCZb/5/

有任何想法吗？？如果我能让它在 FF 中工作，我很想使用这种盒子模型技术。

4

1 回答 1

0

我不是一个 jquery 人，但看起来你对 doctypes 的混合和匹配让 FireFox 感到困惑。试试 vanilla HTML5 doctype 声明：

<!DOCTYPE html>

您还应该丢失<script>标记中的 XHTML 结构和“语言”属性。

！

于 2011-10-11T03:10:08.453 回答