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的奇怪行爲，刷新後的修復

回答

相關問題