具有固定宽度和高度的可点击div

Question

我遇到一个菜单元素的问题。我想将其转为可点击的div。

我试过了：

 <div id="nav-user" class="nav-menu-icon float-left">
  <a  href=".." class="nav-sprite ns-user" ></a>
</div>

但a和div元素正在使用background-position，fixed-width和height（我不能将{100}用于width height这里）。那么，是否可以制作可点击的div？

.ns-user {
    width: 13px;
    height: 14px;
    background-position: 0px -419px;

}

 #nav-user.active .ns-user {
    width: 13px;
    height: 14px;
    background-position: 0px -419px;

}

#nav-user:hover .ns-user {
    width: 13px;
    height: 14px;
    background-position: 0px -419px;

}

Answer 1

由于锚标记是内联元素，因此将其更改为阻止以允许其获取显式的高度和宽度值。这应该让它填补父母。

.ns-user {
    display:block;
}