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

我试图构建一个页面，用户浏览某些flash游戏，并为它们创建缩略图<div>。他们首先很好地工作，但是当我点击一个游戏并返回到浏览页面时，文本与图像一致，当我刷新时，它就会变好。css的奇怪行为，刷新后的修复

版本错误：（返回回来后） enter image description here

正确的版本：（在启动后刷新） enter image description here

没有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%; 
}

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

来源

2013-02-15 marvin

请发表您的HTML也。另外如果你可以创建一个复制问题的jsfiddle，那将是很棒的。最后的手段将是一个链接到您的网站。 – 2013-02-15 15:36:26

乍一看：没有'float：top;' – dezman 2013-02-15 15:37:16

@watson这样的东西从逻辑上讲，这将是一个非常有用的属性（well'float：bottom'）。 – 2013-02-15 15:39:59

对于初学者，.game_thumbnail_div的宽度和高度太小。请将其移除或使尺寸至少为286 x 140.此外，float:top不会执行任何操作。我知道你提到你尝试过它，但它可以工作，但我向你保证它不是必需的。

Updated fiddle.

来源

2013-02-15 21:10:50 MiniRagnarok

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

回答

相关问题