jquery - 如何停止在 Google Chrome 浏览器中溢出的 div 内的 float 右图像

Question

我有一些图片，我正在使用 jQuery cycle plugin在 float 在外部 div 内的幻灯片中显示它们。我使用此 CSS 使图像正确 float :

.slideshow
{
    float:right;
    margin-left: 20px;
}

这在 Firefox 和 Internet Explorer 中运行良好，因为它漂浮在绿色外部 div 的右侧(如下所示:):

但在 Google Chrome 中，它不会将图片保留在外部 div 内并漂浮在屏幕之外(如此处所示:)

真正奇怪的是，如果我不断在 Chrome 中重新加载选项卡，它有时可以工作并且与 Firefox/Internet Explorer 一致，但通常不是，看起来像上面那样(这对我来说是个谜)。

关于如何让 Google Chrome 保持一致的任何建议？

Answer 1

我找到了解决方案。您的幻灯片 div 的预定义宽度和高度设置为 22px。只需将这些值更改为 height = 332px 和 width = 532px。 IE 和 Firefox 在后台执行此操作，而 Chrome 显示错误。