2.JIEQI CMS - 網頁布局示例
<div class="main m_top">頂部快速導航</div>
<div class="main m_head">
<div class="h_logo">LOGO圖片</div>
<div class="h_banner">BANNER圖片</div>
<div class="h_link">頭部鏈接</div>
</div>
<div class="main m_menu">導航菜單</div>
<div class="main"><div class="divbox">頂部通欄</div></div>
<div class="main">
<!-- 左邊列 -->
<div id="left">
<!-- 左邊列區塊（多個）-->
<div class="block">
<div class="blocktitle">左邊列區塊標題</div>
<div class="blockcontent">左邊列區塊內容</div>
</div>
</div>
<!-- 中間列 -->
<div id="centers">
<!-- 中間列區塊（多個）-->
<div class="block">
<div class="blocktitle">中間列區塊標題</div>
<div class="blockcontent">中間列區塊內容</div>
</div>
</div>
<!-- 右邊列 -->
<div id="right">
<!-- 右邊列區塊（多個）-->
<div class="block">
<div class="blocktitle">右邊列區塊標題</div>
<div class="blockcontent">右邊列區塊內容</div>
</div>
</div>
</div>
<div class="main"><div class="divbox">中間通欄一</div></div>
<div class="main">
<!-- 左邊列 -->
<div style="float: left; width: 772px;">
<!-- 左邊列區塊（多個）-->
<div style="float:left;width:382px;">
<div class="block">
<div class="blocktitle">區塊標題</div>
<div class="blockcontent">區塊內容</div>
</div>
</div>
<div style="float:right; width:382px;">
<div class="block">
<div class="blocktitle">區塊標題</div>
<div class="blockcontent">區塊內容</div>
</div>
</div>
</div>
<!-- 右邊列 -->
<div id="right">
<!-- 右邊列區塊（多個）-->
<div class="block">
<div class="blocktitle">右邊列區塊標題</div>
<div class="blockcontent">右邊列區塊內容</div>
</div>
</div>
</div>
<div class="main"><div class="divbox">中間通欄二</div></div>
<div class="main">
<!-- 左邊列 -->
<div id="left">
<!-- 左邊列區塊（多個）-->
<div class="block">
<div class="blocktitle">左邊列區塊標題</div>
<div class="blockcontent">左邊列區塊內容</div>
</div>
</div>
<!-- 右邊列 -->
<div id="centerm">
<!-- 右邊列區塊（多個）-->
<div class="block">
<div class="blocktitle">中間列區塊標題</div>
<div class="blockcontent">中間列區塊內容</div>
</div>
</div>
</div>
<div class="main"><div class="divbox">底部通欄</div></div>
<div class="main m_foot">頁底信息</div>