css的奇怪行为，刷新后修复

Question

我正在尝试构建一个用户浏览某些Flash游戏的页面，并为他们创建缩略图<div>。它们最初工作得很好，但是当我点击一个游戏并返回浏览页面时， 文字与图像重合，当我刷新时，它就变好了。

错误的版本:(返回后）

正确版本:(在开始和刷新后）

没有运行JavaScript，因此我不会更改元素的样式。带有问题的<div>的.css代码如下：

div.game_side_texts
{
clear:right;
float:top; 
max-height:80%;
}

img.gamethumb
{
height:80%;
}

div.game_img_div
{
float:left;
margin-right:2%;
min-width:30%;
}

.game_thumbnail_div /* the div that contains everything */
{
float:left;

width:40%;
height:20%;

margin-top:6%;
margin-right:1%;

padding-bottom:3%;
}

那么可能是什么问题？提前谢谢！

Answer 1

首先，.game_thumbnail_div的宽度和高度太小。删除它们或使尺寸至少为286 x 140.此外，float:top不做任何事情。我知道你提到你尝试了它并且它有效，但我保证你不需要它。

Updated fiddle.