0

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