1

我想在工具提示中嵌入幻灯片共享演示文稿。通常我希望我的提示根据它们的内容动态改变它们的高度/宽度，因此我设置了（在我的 CSS 中）

width:auto;
height:auto;

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

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

4

2 回答 2

2

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

因此，如果您想让工具提示平滑呈现，请不要使用iframe. 相反，在主文档中使用内容（静态或脚本生成）。

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

于 2013-08-04T12:10:07.083 回答
0

100% 宽度作品：

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

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

但是，您将无法保持纵横比，您必须使用 Javascript 使用 onResize 事件处理程序来计算高度。

于 2013-08-04T12:08:16.803 回答