li添加浮动，鼠标经过a会有边框显示，导致li抖动

<ul class="city">
    <li><a href="#">南昌市</a></li>
    <li><a href="#">景德镇市</a></li>
    <li><a href="#">萍乡市</a></li>
    <li><a href="#">九江市</a></li>
    <li><a href="#">新余市</a></li>
    <li><a href="#">鹰潭市</a></li>
    <li><a href="#">赣州市</a></li>
    <li><a href="#">吉安市</a></li>
    <li><a href="#">宜春市</a></li>
    <li><a href="#">抚州市</a></li>
    <li class="active"><a href="#">上饶市</a></li>
</ul>

ul {
  padding: 20px 12px;
  li {
    float: left;
    a {
      padding: 0 10px；
      border: 1px solid transparent;//让这个边框原先就占位，否则当鼠标进入a时，li会抖动
      &:hover {
        border: 1px solid #F10180;
      }
    }
  }