0

画像に示されているレイアウトに div のコレクションがあります。4 つの div (A、B、C、D) はすべて左にフロートされ、それぞれの内部に他のコンテンツ要素をラップするリンク要素があります (ほとんどが div と画像ですが、一部のテキストも含まれます)。

ここに画像の説明を入力

問題は、IE8 では、アイテム B、C、または D にカーソルを合わせると、カーソルを合わせたアイテムが 100px 程度ドロップダウンすることです。B にカーソルを合わせると、C と D が押し下げられます。D にカーソルを合わせると、D だけがドロップダウンします。

IE8 モードの IE9 ではなく、実際の IE8 のみの問題です。

フローティング要素内のリンクを使用する前に、この動作に遭遇した人はいますか?

大量の CSS がありますが、フロート コンテナー内のコンテンツには標準の clearfix を使用しています。コンテナーの幅と高さは % ベースで、内部の要素の一部は固定の px 幅です

4

1 に答える 1

1

根本的な問題を特定するのは難しい。あなたができることの1つは、ホバー時にdivにスタイルを追加することです。これにより、スタイルが拡張されなくなります。

#B:hover{height:200px;}
#C:hover{height:200px;}
#D:hover{height:200px;}
于 2012-07-19T10:36:49.100 に答える