多个iFrame定位

时间:2009-11-22 17:16:35

标签: html iframe positioning

如何将一个页面“划分”为一系列iFrame并以这种方式定位它们:http://img81.imageshack.us/img81/4605/layoutew.jpg其中每个“box”是一个可滚动的iFrame,在我的情况下包含一个可滚动的列表“类型“在第一个左上方的窗格中,然后是”中间窗格中的“作曲家”等等(注意:它只是我真正遇到的iFrame定位,我对编码列表等很好。我只是他们指出要在我的问题中添加一些背景信息。)

1 个答案:

答案 0 :(得分:-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>