現場多個iFrames，全部調整到默認高度

如果此問題已經得到解答，但不能縮小範圍或提出問題，我很抱歉。在這裏，我有一個客戶的網站，有三個嵌入式iFrames，該網站是爲假日住宿，並使用日曆，預訂查詢和平面圖，都來自不同的供應商。問題是它們都有不同的寬度和高度。現場多個iFrames，全部調整到默認高度

大多數情況下的寬度設置爲100％，這很好，但高度是問題所在，即使我嘗試將高度設置爲我想要的高度，但默認情況下會恢復爲設置的大小。

默認大小爲309px，通常位於網站所需的兩個css文件中。

是否有一小段代碼可以超過CSS中設置的大小？有問題的網站在這裏：http://aalen.com.au/aalen1-pims.php 關注的主要方面是樓層平面圖，他們只是以較小的iFrame結束，並沒有展示這些計劃的潛力。非常感謝

來源

2014-09-04 Bryanoz

看看頁面，我只能看到一個影響您的iframe，app.css的CSS文件，還有其他的css文件，但是它們都沒有改變元素的高度。

我假設您是從您的網站引用此代碼。

<iframe frameborder="0" height="400" scrolling="no" src="http://pl.an/aalen-1/embed" width="100%"></iframe>

它看起來就像你在app.css與代碼中設置的高度在兩個地方，一旦：

iframe{ 
    height:390px; 
    text-align: center; 
}

您還設置iframe高度與height屬性中看到第一個代碼示例。嘗試從iframe標記中移除height="400"屬性，並且只在app.css文件中具有高度。

將來，您可以嘗試使用Firefox developer tools或Chrome developer tools在頁面打開時操作頁面上的CSS，以便查看需要更改的內容以及它將如何影響頁面上其餘內容。

來源

2014-09-04 22:43:03 Adam

嗨，亞當，感謝您的期待和如此迅速的迴應，我沒有在第一個問題中提出很多細節，認爲它可能在使用Firebug這麼多年前後得到了回答，我意識到您可以真正地更改代碼..derr。所以回到這個問題，是的，app.css的大小是針對頁面上的一個較小的iFrame，並且在平面圖大小的範圍內，我已經嘗試過並且沒有400高度。如果我要將css設置爲更高的數字，頁面上的較小iFrame在它們下面有這麼大的空間，希望這是有道理的？ – Bryanoz 2014-09-04 23:07:15

這是因爲您的iframe css規則與頁面上的所有iframe相匹配，而不僅僅是您想要更改的iframe，所以當您修改該iframe的高度時，所有iframe都會更改。您可以通過在平面佈局iframe中添加一個「id」標籤來更改該標籤，然後使用該標籤調整高度。 – Adam 2014-09-05 15:24:42

感謝亞當，這是我的想法，但不知道，非常感謝 – Bryanoz 2014-09-05 22:00:55

現場多個iFrames，全部調整到默認高度

回答

相關問題