margin-top為什么沒有效果
老師好，同學們好。請教一下為什么我鼠標hover至a時沒有上移40px？
.top{border-bottom:8px?solid?#c00;overflow:auto;}
.top_nav?li{float:left;line-height:40px;width:100px;text-align:center;}
.top_nav?li?a{text-align:center;width:100px;}
.top_nav?li?a?span{display:none;}
.top_nav?li?a:hover?span{display:block;background:#c00;color:#fff;}
.top_nav?li?a:hover{margin-top:-40px;}/*上移40px*/
謝謝各位！
2015-04-14
<a>是行內元素，margin-top是無效的，需要改變a的display，改成display:block或者display:inline-block即可