トリガーが可変長のユーザー名であるドロップダウンメニューがあります。ドロップダウンの中にボタンがあります。ユーザー名が非常に長い場合にデザインを見栄えよくするために、ドロップダウン内のボタンの幅を 100% にし、ユーザー名が非常に短い場合に見栄えを良くするために、最小幅を設定しました。
IE8 を除くすべてのブラウザーですべてがうまく機能します。
このjsfiddleでは、コードを簡素化し、ドロップダウンは常に「オン」になっています。また、長い名前と短い名前の 2 つのバージョンも作成しました。
IE8 で表示すると、ユーザー名が非常に短い場合、ドロップダウンが誤って横に移動します。絶対配置された要素に最小幅を設定すると、IE8はそれを好まないようです。
何か案は？ありがとう！
ここに更新されたフィドルがあります：http://jsfiddle.net/WrXas/2/
これを.fs-top-nav liに追加して、最上位のメニュー項目が折り返されずに次の行に分割されるようにしました
white-space: nowrap;
これらを.fs-top-nav li > aに追加しました。これは、最小幅が最上位アイテムにある方が理にかなっているからです。また、見栄えを良くするために中央揃えにしました。
min-width: 147px;
text-align: center;
この行を.fs-top-nav .fs-top-nav-profile .fs-top-nav-drop から削除しました。これが、ドロップダウン div の奇妙な配置を引き起こしている原因だと思います。
min-width: 147px;