多个 iFrame 定位

【问题标题】：Multiple iFrame positioning多个 iFrame 定位
【发布时间】：2013-02-18 22:14:29
【问题描述】：

如何将一个页面“划分”为一系列 iFrame 并以这种方式定位它们：http://img81.imageshack.us/img81/4605/layoutew.jpg 其中每个“框”都是一个可滚动的 iFrame，在我的例子中包含一个可滚动的“流派”列表在第一个左上角窗格中，然后是中间窗格中的“作曲家”等。（注意：这只是我遇到问题的 iFrame 定位，我对列表等进行编码很好。我只做了一个点他们为我的问题添加一些上下文）。

【问题讨论】：

标签： html iframe positioning

【解决方案1】：

http://www.w3.org/TR/html4/present/frames.html

div                { padding:0;margin:0; }
.container         { position:relative; width:100%; height:100%;  }
.topcontainer      { height:45%; }
.box               { float:left; width:33%; padding:5px;  }
.bottom            { height:55%;  }

 <div class="container">
     <div class="topcontainer">
        <div class="box">content</div>
        <div class="box">content2</div>
        <div class="box">content3</div>
     </div>
     <div class="bottom">Yille!</div>
 </div>

【讨论】：

感谢您的回复，但我希望能够从一个 html 文档中完成所有操作（因此我无法使用 src 属性）
你为什么不直接使用 div 和 overflow:scroll 并绝对定位它们？