如果用的是display:none ,display:block顯示隱藏的就會有這個問題。因為display為none的時候是不佔位置。而顯示的時候又佔了位置。

所以你可以用opacity

li  .bottom{

     opacity:0;
    filter:alpha(opacity=0);
    border-color:#fff;

}

li{border:1px solid #ffff;}}

li:hover{border:1px solid #333;}//先寫一個邊框是白色的看不到，在寫個hover時有邊框。這樣不會出現移位

li:hover  .bottom{//bottom指的是下面的那塊藍色的會顯示隱藏的區域。必須保證他在li裡面，才能這樣寫哦！！

    opacity: 1;
    filter: alpha(opacity=100);

}