html中元素偶尔会错位，需要刷新网页才可以正常显示

Question

css样式：

  ul{
    overflow-y: hidden;
  }
  li{
    float: left;
    list-style: none;
    width: 510px;
    height: 250px;
    border: solid 2px #68afb9;
    margin: 20px;
  }

其中一个li：

<li class="card">
            <a class="area_demos" name="area_demos">
              <img :src="sun" width="50px" height="50px">
              <h3>旭日图</h3>
              <h6>旭日图（Sunburst）由多层的环形图组成，在数据结构上，内圈是外圈的父节点。因此，它既能像饼图一样表现局部和整体的占比，又能像矩形树图一样表现层级关系。</h6>
            </a>
            <div class="buttons">
              <el-link type="success" underline=true href="http://localhost:8081/#/SunburstLayout">点击体验</el-link>
            </div>
          </li>

Answer 1

建议不要使用float