iframe宽度属性被忽略

Question

我想在工具提示中嵌入slideshare演示文稿。 通常我希望我的提示，根据其内容，因此我设置动态地改变他们的高度/宽度（在我的CSS）

width:auto; 
height:auto; 

我想有通过的内联width属性所规定的提示的宽度iframe中。

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

Answer 1

width: auto的含义取决于元素的属性，在这种情况下，这意味着300px，根据CSS 2.1规范的条款10.3.1。 iframe元素没有固有宽度，并且不能（在CSS中）使其宽度取决于iframed文档的内容。这是iframe这个想法的一部分，即iframed文档独立于框架文档的设置而自主呈现，除了后者在内联框架上设置尺寸，但需要将它们设置在其自己的上下文中（其确实不包括iframed文档的内容）。

所以，如果你想让你的工具提示顺利进行，只是不要使用iframe。相反，在主文档中使用内容（静态或脚本生成）。

如果您只想让iframe元素上的HTML width属性生效，请不要在CSS中覆盖它。 任何元素的width属性的设置将使其上的width属性无效。

Answer 2

100％宽工作：

div.sttip iframe{ 
    width: 100%; 
    height: auto; 
} 

http://jsfiddle.net/eNfHZ/1/

你将无法维持，虽然纵横比，你将不得不使用Javascript来计算使用onResize事件处理程序的高度。