今天遇到了一个问题，一个主页面中包含一个iframe，结构如下：
<div id="content">
<iframe id="mainiframe" width="100%" height="560px" src=“application.html”>
.........
</iframe></div>
div的宽度为96%。每个页面时变化时根据iframe里面的内容来的，现在的问题是要在首页时把首页的宽度即iframe的宽度变为64%，其它页面的宽度不变。首先在尝试在iframe的页面修改div的样式不成功，各种修改都不行，这可能是子页面中不允许修改上一层的样式，只能通过js来获取iframe的width改变它的宽度。
本文出自 “前端新手” 博客，转载请与作者联系！
原文：http://guiowy.blog.51cto.com/9315938/1547514