css - iframe 宽度属性被忽略

Question

我想在工具提示中嵌入 slideshare 演示文稿。 通常我希望我的提示根据内容动态更改它们的高度/宽度，因此我设置(在我的 CSS 中)

width:auto;
height:auto;

我希望工具提示的宽度由 iframe 的内联宽度属性决定。

看这里http://jsfiddle.net/elewinso/eNfHZ/

Answer 1

width: auto 的含义取决于元素的属性，在本例中，根据子句 10.3.1，它表示 300px CSS 2.1规范。 iframe 元素没有固有宽度，您不能(在 CSS 中)使其宽度取决于 iframed 文档的内容。 iframe 的理念之一就是 iframed 文档是自主呈现的，独立于框架文档的设置，除了后者在内联框架上设置尺寸，但它需要设置它们在它自己的上下文中(不包括 iframed 文档的内容)。

所以如果你想让你的工具提示顺利呈现，就不要使用 iframe。相反，在主文档中使用内容(静态或脚本生成的)。

如果你只是想让 iframe 元素上的 HTML width 属性生效，不要在 CSS 中覆盖它。 对元素的 width 属性进行任何设置都会使其上的 width 属性无效。