演示：模擬屏幕 320 x 200，若x4=1280 注意:黃框是主素材div 沒設width height100。 head.html 頁頂導航欄 L.html左側導航或精選推荐欄 R.html右側導航或精選推荐欄 index.html 主首貢內容 foot.html 頁底版權聲明

CODE:  [Copy to clipboard]

---

<div style="height:100;border: 3px solid yellow;">
  <div style="width:100%;border: 3px solid red;"><IFRAME FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=100% HEIGHT=20 SRC="head.html"></IFRAME>
  </div>
   <div style="width:100%;height:50%;border: 3px solid orange;">
  <div style="float:left;width:50px;height:100%;border: 3px solid red;">
<IFRAME FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=100% HEIGHT=100% SRC="left.html"></IFRAME></div>
  <div style="float:right;width:50px;height:100%;border: 3px solid red;">
<IFRAME FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=100% HEIGHT=100% SRC="right.html"></IFRAME></div>
    <div style="float:center;height:100%;border: 3px solid red;">index.html<br>主首貢內容
  <div style="float:left;width:50px;border: 3px solid red;"><img src="../yyhero18net/images/icon/000.gif" border="0"></div>
  <div style="float:right;width:50px;border: 3px solid red;"><img src="../yyhero18net/images/icon/000.gif" border="0"></div>
  <div style="float:center;width:50px;border: 3px solid red;"><img src="../yyhero18net/images/icon/000.gif" border="0"></div>
    </div>
   </div>
  <div style="width:100%;border: 3px solid red;">
  <IFRAME FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=100% HEIGHT=20 SRC="foot.html"></IFRAME>
  </div>
</div>