當Chrome瀏覽器刷新頁面時，Html元素更改位置

我正在使用Chrome瀏覽器，當我進入此頁面時菜單不可見。菜單是右上角的3行按鈕。如果你現在去打開檢查器，元素被隱藏，因爲在標題之上。現在，如果刷新頁面，菜單的位置正確。也發生在鉻。有問題的頁面是：http://playszone.com/（請不要點擊鏈接，閱讀下面）當Chrome瀏覽器刷新頁面時，Html元素更改位置

爲了重現該問題，您不應該單擊鏈接。打開一個新標籤並複製粘貼網址。然後刷新頁面。

如果你去檢查員，並禁用並啓用body > .wrapper > header > .icons上的位置，它將顯示在正確的位置。我真的不明白是什麼讓頁面錯誤地定位元素，只有在新選項卡中打開並寫入站點URL時纔會發生。

什麼問題？是我的錯還是什麼？

來源

2014-03-26 Totty.js

很奇怪，尤其是因爲它工作正常只需點擊該鏈接時。 – GolezTrol

是的，從來沒有碰到過 –

添加這個，它修復了它。 bottom: 1px

.icons { 
display: inline-block; 
height: 55px; 
position: absolute; 
right: 0; 
bottom: 1px; 
}

或者......

.icons { 
display: inline-block; 
height: 55px; 
float: right; 
}

來源

2014-03-27 00:14:19 wuno

謝謝，明天我會盡力並會給你反饋。你知道這個問題的原因嗎？爲什麼會發生，因爲它似乎是瀏覽器中的一個錯誤。 –

我認爲它必須是因爲你的位置絕對。我仍然在通過DOM來尋找解釋。它增加了底部1修復了它，但它改變了刷新位置的可笑性。我在想也許它必須做一個沒有被關閉的div，但驗證器不會發現這個問題... – wuno

其實是的，它是絕對的位置。如果你把絕對的位置拿出來，而且只是向右漂移，它也會修正它。 – wuno

其實它不是在正確的地方。它位於代碼中的「相同位置」，但是當您懸停「圖標」div的代碼時，它會在頁面上顯示它實際上比白色菜單稍低一點，並且由於菜單可能呈現頂部，你看不到它。

一個快速解決方案可能是設置「圖標」div與絕對定位和設置位置頂部0px。

來源

2014-03-26 22:43:33 IronWilliamCash

是的，當我說「不在正確的位置」時，我一直在提及視覺位置。我會嘗試你的解決方案 –

它可能與緩存前和緩存後的順序有關，但我無法弄清楚爲什麼乍一看代碼。 – IronWilliamCash

當Chrome瀏覽器刷新頁面時，Html元素更改位置

回答

相關問題