html - 向左浮动删除超链接

Question

我知道这是一个普遍的问题。我尝试了一切，但仍然无法完成这项工作。 这是我的 html 和 css。

.unodered-item {
  float: left;
  overflow: hidden;
}
.item {
  height: 140px;
  width: 220px;
  margin-left: 10px;
  background: pink;
  //background-image: url("../resourses/tutorial-thumbnails/thumbnail.png");
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
}

a.item-link {
  height: 140px;
  width: 220px;
}

<div class="recommended-list-items">
    <ul class="unodered unodered-recommended">
      <li class="unodered-item">
        <div class="item item'+ x +'">
          <a class="item-link" href="tutorial-player.jsp"></a>
        </div>
      </li>
    </ul>
</div>

求助!!!

Answer 1

它不是隐藏的。它只是空的。将 display: block 添加到您的 a.item-link。

a.item-link {
    height: 140px;
    width: 220px;
    display: block;
}