0

これら 3 つの項目 (ビデオ + 画像 + ビデオ) が IE を受け入れるすべてのブラウザで完全に整列する理由を教えてください。

IE では、それらは互いに重なり合っています。

よろしくお願いします。

<div style="float: left;"><iframe width="100" height="50" src="http://www.youtube.com/embed/lhNg7A88no8?rel=0" frameborder="0"></iframe></div>
<div style="float: left;"><img style="display: block; vertical-align: middle; margin-left: auto; margin-right: auto;" title="Example dataset from SmartScan" src="http://smartfibres.com/pictures/Example_Data_Set.jpg" alt="Example dataset from Smartscan" width="200" height="100" />
<style="text-align: right;"></div>
<div style="padding-top: 10px, float: left;"><iframe width="100" height="50" src="http://www.youtube.com/embed/2louwAc63pM?rel=0" frameborder="0"></iframe></div>
4

1 に答える 1

0

プロパティを使用してfloatいますが、フロートをクリアしていません。これが、これらの問題を潜在的に引き起こしている可能性があります。次のフィドルでコードを更新し、インライン スタイルを取り出して、ある種のスタイルシートに入れました。

http://jsfiddle.net/efrSh/1/

他にCSSはありませんか？このような場合、多くの場合、3 つの div の幅 + それらのパディングが含まれている div よりも大きい場合、これが発生します。しかし、他にコードがないので、フロートがクリアされていないとしか思えません。

詳細については、こちらをご覧ください

于 2013-07-18T15:02:24.753 に答える