本文介紹除了table之外的方法，用jquery和css完成，主要z-index設定層級。
完成效果圖：
將上方的三個文字塊絕對定位，定義好寬度width和高度height，用margin-left擺放好三個div塊的位置，然後將最下方的div用margin-top向下移動height-1畫素即可，剛好遮擋住上方div的border-bottom，給下方div設定高層級，確保能遮擋住上方內容。
html**（div中具體內容已刪除，可根據需要自行新增）：
基本資訊
資質聯絡人
$("#basicinformation").click(function () );
$("#qualification").click(function () );
$("#contact").click(function () );
.tab
#basicinformation
#qualification
#contact
#form1,#form2,#form3
切換tab頁時，tab頁中的echart變形問題
在兩個tab頁中，分別展現了兩個echart圖表，同樣的格式與寫法，但只有在預設選中的tab頁中的圖表顯示的是正常的，但進入另乙個tab頁中時，圖表則產生了變形的問題，如下圖所示 在網上查了很多，有各種方法，嘗試之後也並沒有改變變形的問題，終極原因是在頁面進行載入時，隱藏的圖表找不到對應的div大小...
tab 標籤頁實現
標籤頁功能是乙個比較常用的功能。雖然很多前端框架 外掛程式都帶有若干種標籤頁的功能實現，我依然覺得掌握其基本實現會更有利於我們對這個功能的理解，我們也可以更容易地根據實際情況進行修改。以下 示例是乙個比較常見的實現 春天的雨是柔和的，只見春雨在竹枝 竹葉上跳動著。那雨時而直線滑落，時而隨風飄灑，留下...
tab標籤頁切換
第一種 first second tab title li click function script 第二種 notice notice tit notice tit ul notice tit ul li notice tit ul a notice tit ul select 我是內容1 我是...