2

この質問は、このJSFiddleに基づいています。これは、2 つのトップ レベル メニュー項目と 3 つのサブメニュー (スクリプトなしでアクセスできるように構成されている) を備えたナビゲーション デザインです。注目すべき要素は次のとおりです。

     <nav class="top-menu">

差し迫った問題が 1 つあります。

  1. Internet Explorer で JSFiddle を開いて確認してください。なぜIEだけでそのようにドロップダウンするのですか? IE9と10でも。

ここで何か助けていただければ幸いです。

4

3 に答える 3

11

「トップヘッダー」ブロックの高さが異なることに気付きました。これを修正するために、行の高さの CSS ルールを追加しました。

.top-header {
    padding: 0 0 5px 0;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    + line-height: 28px; 
}

そして、現在、IEとChromeで同じようです。

更新されたフィドル

于 2013-06-14T08:14:44.953 に答える