2016-10-27 25 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”的某些部分比图像滑块宽。注意边距,填充和边框。在我尝试上述建议之前,我会研究这一点,因为如果隐藏了部分内容,可能会在稍后导致问题。