多個iFrame定位

Question

如何將一個頁面「分成」一系列iFrame並將它們定位於這種時尚：http://img81.imageshack.us/img81/4605/layoutew.jpg其中每個「box」是一個可滾動的iFrame，在我的情況下包含一個可滾動的「Genres 「在第一個左上方的窗格中，然後是中間窗格中的」作曲家「等（注意：這只是真正的iFrame定位，我遇到了麻煩，我很好地編寫了列表等。我只製作了他們的一點是爲我的問題添加一些上下文）。

Answer 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>