滿意答案

liangfansz

2017.12.25

采納率：55%????等級：12

已幫助：7193人

首頁打開dreamweaver或其它編輯器，創建一個名為nav的導航菜單

• 欄目一
• 欄目二
• 欄目三
• 欄目四
• 欄目五

現在為nav添加樣式,首先去掉默認的margin和padding，再去掉

• < li>標簽的list-style樣式和

標簽的默認下劃線。接下來再添加適當的樣式(根據實際需要添加)進行美化，如一下樣式：

* { margin:0; padding:0;}

ul, li { list-style:none;}

a { text-decoration:none;}

.nav { border:2px solid #ccc; border-right:none; overflow:hidden; float:left; margin:100px 0 0 300px;}

.nav ul li { float:left;}

.nav

ul li a

{ width:120px; height:40px; text-align:center; line-height:40px; display:block; border-right:2px

solid #ccc; background:#eee; color:#666;}

.nav ul li a:hover{ color:#f00; }

像這樣，一個菜單橫向菜單就建好了，下面給欄目一，欄目二，欄目三，添加二級下拉菜單

添加完二級欄目后，現在開始添加css樣式，首先給

標簽下的標簽添加相對定位，再去除之下標簽的做浮動樣式，再適當修改

總結

以上是生活随笔為你收集整理的html绝对定位重叠,怎么消除css中的绝对定位重叠问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。