Javascript 尝试对齐视频时出现的典型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>

---

您正在使用

float

属性，但尚未清除float。这可能是导致这些问题的潜在原因。我已经在下面的fiddle中更新了您的代码，并取出了您的内联样式，并将它们放入各种样式表中：

没有其他CSS吗？在这种情况下，如果3个div的宽度加上它们的填充比包含的div大，就会发生这种情况。但由于您没有其他代码，我只能假设您的浮点未清除

---

可进一步阅读

即E不好。将HTML标记添加到您的任务中我正在尝试Steve。我是新来的，我无法在屏幕上显示代码！向我们展示您的代码，以便我们可以帮助您。如果你不能把它放在这里，那么就把它放进一个JSfDeld.而且，你的问题会引出很多问题；你如何调整它们？它们有什么css属性？etc etcI已成功更新代码！谢谢你的耐心！为什么你的风格是内联的？您没有外部样式表吗？你应该只在HTML电子邮件中使用内联样式…感谢你迄今为止的帮助Kiz。我很抱歉地说，在IE10中，对象仍然堆叠在一起，而不是像Chrome/Firefox MMM中那样并排站立。奇怪的问题。您是否为3个div使用容器？你清理过彩车了吗？