html - ie7 のレイアウトの問題

Question

私のウェブサイトは ie7 で見栄えがよくないようです (下のスクリーンショットを参照) 水平であるはずのメニューが垂直で、facebook と twitter のボタンが互いに上にあり、隣り合っていません。この 2 つの問題を解決する方法はありますか? どうもありがとう、

Answer 1

「横になっているはずのメニューが縦になっている」

<li>このタイプのIE7の問題は、通常、または<div>タグのセットを取得しようとした場合に発生しdisplay:inline-blockます。これは、IE8および他のブラウザーの現在のバージョンで機能します。

問題は、IE7がを尊重することですが、デフォルトでは、またはdisplay:inline-blockなどのインラインである要素にのみ適用されます。つまり、それらをブロックとして保持するだけなので、垂直に積み重ねられます。<span><a>

Answer 2

float: left;との両方#nav > liに適用してみ#nav aます。

これにより、IE7 の垂直スタックの問題が修正されるはずです。

Answer 3

どうぞ：

http://jsfiddle.net/aKPgt/

一言で言えば、次のように変更します。

display:inline-block;

に

display:inline;

そして追加：

float:right;

左ではなく右にフローティングしているため、順序付けされていないリストのメニュー項目の順序を逆にする必要があることを覚えておいてください。