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事件處理程序的高度。