我為什么是這種效果？
效果如上，代碼如下：
CharlesLvm
2016-07-06
2 回答
舉報
0/150
提交
取消
效果如上，代碼如下：
2016-07-06
舉報
2016-07-06
問題在于：初始化定義a{margin-top:20px}，實際上應(yīng)將margin-top:20px賦予ul,li{margin-top:20px}
解釋：你讓所有a的上邊距為20px，即所有a標(biāo)簽下移了20px，在a:hover狀態(tài)時，又重新定義了margin-top=-10px，覆蓋了原有的值，因此會脫離其他li元素。
正確的做法是，將margin-top:20px定義給ul,li，如此，在a:hover狀態(tài)下也能繼承ul,li的margin-top:20px的屬性，再疊加以margin-top:-10px，達(dá)到只在頂部凸出10px的效果。
2016-07-06
你的a標(biāo)簽中“margin-top:20px;”在hover狀態(tài)下是“margin-top:-10px;”兩者就相差了30像素