如果你的項(xiàng)目需要制作3級以上聯(lián)動菜單，就是那種鼠標(biāo)劃過一級菜單時二級菜單會顯現(xiàn)、并同時會顯示一個默認(rèn)的三級菜單，而劃過二級菜單則對應(yīng)的三級菜單輪動顯現(xiàn)的那種你會怎么做？是用css+div來制作還是用css+div+javascript，還是用jquery呢？這里介紹一個純css制作三級聯(lián)動菜單的方案。

假設(shè)你的項(xiàng)目要求制作一個劃過位于頂部的多個主菜單之后顯示與主菜單相對應(yīng)的左、右側(cè)的導(dǎo)航子菜單，左邊的菜單是2級菜單、右邊的是3級菜單。再依次劃過左邊導(dǎo)航菜單時顯示相應(yīng)的右邊菜單（聯(lián)動）。主要思路可以是這樣的：

首先，控制和定位分離。所謂控制是指劃過主菜單時下面的二、三級菜單的控制，定位是指二級和三級菜單的具體顯示位置的定位，其中主要是三級菜單的定位，因?yàn)槎壊藛味ㄎ幌鄬唵巍?/p>

在控制層面上，頂部各個主菜單是處于父div, 二、三級菜單分別處于子div和孫div的位置（大體思路）。

在定位層面上，二級菜單處于左側(cè)，三級菜單在右側(cè)。三級菜單要求在劃過二級菜單時在右側(cè)同一個位置聯(lián)動顯現(xiàn)。為了實(shí)現(xiàn)在同一個位置顯現(xiàn)的目的，可在所有三級菜單外加一個定位div，給這個定位div設(shè)置position:relative，而給所有三級菜單設(shè)置相對于這個定位div的position:absolute。這樣以來所有菜單都將在右側(cè)同一個位置出現(xiàn)。注意這時候大的定位div和三級菜單div之間不能再出現(xiàn)其他position為relative的div，否則會發(fā)生錯亂。