技巧一：如圖
即：懸浮層類似於從側欄伸展出來的效果xx
.menu li:hover .submenu
.submenu
.menu li:hover span注意：1、導航層display:relative,懸浮層display:block,並且left的距離稍稍小於導航的寬度
2、span的position:relative並且需要float:right
3、span的層級要高於懸浮層的層級
技巧二：如圖
即：dt dd垂直對齊問題
智慧型數碼
智慧型裝置
智慧型手錶
智慧型手環
智慧型健康
智慧型機械人
智慧型裝置
智慧型裝置
智慧型裝置
.submenu .subitem dt
.submenu .subitem dd a
1、設定不同的高度（與行高），否則豎線陰影會和dt一樣高
2、通過(dt的height減去a的height)/2 作為magin-top,和margin-bottom來調整高度，使二者對齊
（或者通過margin-top:負畫素 來調整）
技巧三：如圖
即：使底邊線不緊挨側邊
電腦整機
筆記本平板電腦
台式電腦超極本
上網本
就是通過再巢狀一層div，使內層的div有border-bottom,而外層的div有padding-left,padding-right即可
懸浮導航無js實現
利用display none 這一屬性，實現滑鼠懸浮出現內容的效果 簡單的案例如下 class sidebar class sidebar li sidebar li1 class sidebar content sidebar content1 i 我是第一a li i 我是第二a li i 我是...
懸浮動態分層導航
1 首先在 裡面引用乙個 jquery 12 插入 div 這裡我的 div是帶有錨點效果的，已經用紅色標出錨點，定位到了網頁頂端，也就是 開始的地方寫了一句 top，如果不給 name 乙個初始值，就寫上 a href 同樣有回到頂端的效果 1 2 3 4 首頁 7 8 咖啡文化 9 10 清單 ...
導航製作總結
1.導航條可用標籤實現，可以方便搜尋引擎解析頁面結構 3.導航條內的元素定位可利用margin padding實現，如 1 設定 父元素 的padding 2 設定子元素的margin 4.實現左右水平布局，可以讓內聯元素右浮動即可 5.對於較重要的字眼可用標籤修飾，如數字 購物車中商品件數 等 6...