HTML/CSS で実現する非常に特殊なレイアウトがあります。基本的に、いくつかの左フローティング ボックスを含むテキスト コンテナーがあります。次に、このテキスト コンテナーを下部に数ピクセル重ねる必要があるフッターがあります。これを達成するには、フッターに負の上部マージンを使用しposition:relative、テキスト コンテナーとフッターに z-index を設定して、テキスト コンテナーの上にフッター レイヤー スタックを作成します。
フィドルで最もよく実証できます: http://jsfiddle.net/sW9cu/2/。
問題は、IE9 と Firefox 18 ではフッターのコンテンツがテキスト ボックスのコンテンツをクリアするのに対し、Chrome ではフッターのコンテンツがテキスト ボックスのコンテンツをクリアせずにオーバーレイすることです。
基本的に、IE7+、Firefox、および Chrome で何らかの方法で一貫性を保つ必要があります。どちらの方法でも構いません - クリアまたはオーバーラップのいずれかですが、ブラウザに関係なく同じように動作する必要があります。
なぜこれを行っているのか、それを修正する方法を誰でも見ることができますか? テキスト コンテナーで使用しているマイクロ クリア フィックスに関係している可能性がありますが、よくわかりません。
指摘してくれてありがとう-これは私を困惑させました!