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

Question

我有一些图片，我正在使用jQuery cycle plugin以 float 在外部 div 内的幻灯片形式显示它们。我使用此 CSS 使图像向右浮动:

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

这在 Firefox 和 Internet Explorer 中工作得很好，因为它 float 到绿色外部 div 的右侧(如下所示:):

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

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

关于如何让 Google Chrome 保持一致，有什么建议吗？

Answer 1

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