【发布时间】：2012-03-14 00:00:59
【问题描述】：
在 Firefox 中查看 http://adam.inbulgaria.org 时，它会正常显示；然而，在 Chrome 和 Opera 中，浮动图像容器行为不端。我确信这与我对实验属性（旋转、悬停时的过渡）的使用有关，但我能做些什么来让它变得更好呢？
为了澄清，在 Chrome 17.0.963.56 m 中，当悬停在图像上方时，它们下方会出现一些空白空间。在 Opera 11.11 中，即使没有悬停，图像右侧也有空格。
【问题讨论】：
-
在 Ubuntu 11.04 上的 Chromium（当然不是“Chrome”）16 和 Firefox 10 在我看来是一样的。
-
在 Chrome 18 Beta 中看起来不错。
-
我相信您还需要具体说明 img 转换。您没有指定被认为很差的 img 大小，是绝对的，不要指望浏览器会为您解决这个问题。而
aside img { height: 100%; }不是aside img { max-height: 100%; } -
@Lazarus:
height: 100%不会在 Chrome 中扩展容器的宽度；在 Opera 中，容器只有在过渡完成时才会展开，并且在鼠标离开时不会缩小。 -
@egasimus 是的，我看到了。问题是您没有指定图像大小的更改，您依赖浏览器来调整图像大小，因为容器正在更改大小。正如您自己提到的那样，您正在反对这些标签的新颖性和实施的变化。
标签： google-chrome css css-float css-transitions