Question

有人可以告诉我为什么这三个项目（视频+图像+视频）在每个浏览器接受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>

Answer 1

您正在使用float属性，但尚未清除浮动广告。这可能是导致这些问题的原因。我已经在下面的小提琴中更新了你的代码，并且还取出了你的内联样式并将它们放在各种样式表中：

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

没有其他CSS吗？在这种情况下，通常如果3个divs宽度+它们的填充大于包含div，则会发生这种情况。但由于你没有其他代码，我只能假设你的浮动没有被清除。

可以找到进一步的阅读here

尝试对齐视频时的典型IE问题 - 请指教

1 个答案: