CSS - Opera中的移位菜單

而在所有瀏覽器中一切正常。但在Opera中，水平菜單向右移動20px。

你知道怎麼回事嗎？非常感謝你和對不起我的英語:-)

2011-06-28 Darkry

您正在使用HTML5，Opera的當前HTML解析器（Presto）並未完全理解。這是一個與未知的元素默認行爲是立即關閉它們，這將引發你的標記/關閉的造型，你看......

編輯：對不起，忘了提的是，上面的鏈接是用於Opera的一個稍舊的版本。在邊欄中有更新文檔的鏈接，因此您必須找到與您測試中的目標Opera版本相匹配的頁面。

2011-06-28 19:32:25

是的。但也謝謝你;-)。 – Darkry

我不認爲這與Kryštof的問題有關。代碼基本上是HTML4，除了HTML5新增的兩件事：doctype和''元素是塊元素的父節點。在包括Opera在內的所有瀏覽器中都得到很好的支持。 – duri

@duri'

'是一個HTML5標記，它只在Opera中有部分支持。這實際上是Opera在遇到它沒有規則的元素時展現的行爲。這不是「代碼」，而是標記。 –

使用

margin-left: 0; padding-left: 0;

，而不是

margin-left: -20px;

爲menu在你的CSS。

我還建議你設置overflow: auto或overflow: hidden爲menu，因爲你的<menu>只包含浮動元素，它們需要清除。

另外考慮更新jQuery到最新版本（與這個問題無關）。

2011-06-28 19:29:59 duri

非常感謝。 – Darkry

回答