Question

HTML页面调用JS后的显示位置问题

现在是这样的，有一个页面的头部写成了一个JS文件在页面中进行调用。这个头部文件里又调用了一个站外的天气插件的JS，天气插件JS里是一个IFRAME框。在IE10以下，这个IFRAME框跑到DIV父标签以外去了，如何调用才能正常显示？
调用的结构大概是这样：<div id="父标签"><script src="头部文件JS"></script></div>

头部文件JS结构如下：
document.writeln("<div id=\"weather-menu\"><span class=\"weather-sty1\"><div id=\"nongli\" class=\"nongli\"></div><script language=\"javascript\" src=\"/images/nongli.js\"></script><div class=\"tianqi\"><script type=\"text/javascript\" src=\"http://ext.weather.com.cn/90628.js\"></script></div></span></div>");

请问如果修改或者如何通过样式可以控制JS里的IFRAME框显示在父标签内部？？

Answer 1

<div class=\"tianqi\"。

你找到你的css文件，.tianqi{}里面加上宽度，然后写overflow:hidden

.tianqi{width:200px;overflow:hidden} 这里的200px改成你自己的宽度

追问

这个之前是有样式的。。
.tianqi {
width: 260px;
float: left;
padding: 5px 0 0 20px;
}

追答

overflow:hidden 写上啊

Answer 2

试一下给父divcss加一个overflow: scroll属性

追问

IFRAME在父DIV之外是跟overflow有关系吗？