2016-10-27 31 views
0

所以我有這個問題。我嘗試調整和iframe內的HTML,並且我一直在我的頭上徘徊。 Html包含一個圖像滑塊,我的目標是圖像滑塊填充整個iframe。Adujst html iframe大小

這是iframe的HTML,targgeting的index1.html:

<iframe height="520px" width="100%" src="index1.html" name="frame" style="border: none"></iframe> 

這裏是控制索引1圖像滑塊尺寸

body{ 
    padding: 0px; 
    margin:0px; 
} 

#container{ 

width: 1298px; 
height: 520px; 
padding: 0px; 
margin-top:0px; 
margin-left:0px; 

} 

#slider{ 
position: center; 
overflow: hidden; 
width: 1298px; 
height: 520px; 
padding: 0px; 
margin-top:0px; 
margin-left:0px; 
} 

每次我嘗試調整CSS te圖像滑塊和它的容器的高度,i幀創建一個滾動。

我得到的結果如下: please view image

那紅色標記的灰色地帶是,我不能讓圖像幻燈片嵌入iframe的剩餘。

我該怎麼做?

回答

0

二者必選其一scrolling="no"overflow: hidden;

<iframe height="520px" width="100%" src="index1.html" name="frame" scrolling="no" style="border: none; overflow: hidden;"></iframe> 

你或許應該看看,看看如果「index1.html」的某些部分比圖像滑塊寬。注意邊距,填充和邊框。在我嘗試上述建議之前,我會研究這一點,因爲如果隱藏了部分內容,可能會在稍後導致問題。