今天遇到了一个问题，一个主页面中包含一个iframe，结构如下：

 <div id="content">

 <iframe id="mainiframe" width="100%" height="560px" src=http://www.mamicode.com/“application.html”>

.........

</iframe></div>

 div的宽度为96%。每个页面时变化时根据iframe里面的内容来的，现在的问题是要在首页时把首页的宽度即iframe的宽度变为64%，其它页面的宽度不变。首先在尝试在iframe的页面修改div的样式不成功，各种修改都不行，这可能是子页面中不允许修改上一层的样式，只能通过js来获取iframe的width改变它的宽度。

本文出自 “前端新手” 博客，转载请与作者联系！

html中样式控制的问题