Javascript 如何制作href链接和<；李>；一包

目前我正在使用

显示href链接，问题是当我点击所谓的“框”时，它不会直接链接到另一个页面，我必须点击href链接，它只会链接到另一个页面。我怎样才能使我每次点击box/href链接时都能直接链接到另一个页面

我的当前进度

：

---

任何帮助都将不胜感激。

你不能让

像

通过将链接设为块元素并将填充移动到它，而不是它的包装器，它将与
的大小完全相同，您应该将填充添加到锚元素中（
太好了，成功了！！谢谢
#colOne ul li
{
  margin-bottom:10px;
  /*padding: 4px 10px;*/
  width:170px;
}
#colOne ul li a
{
    padding: 4px 10px;
    display: block;
}

#colOne ul li
{
  margin-bottom:10px;
  /*padding: 4px 10px;*/
  width:150px;
}

li {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #FFFFFF;
  /*position: relative; */
  /*display:block; */
  text-align: center;
  font-weight:bold;
  box-shadow: 1px 3px 3px #000;
  background: #7EB427;
  cursor: pointer;
  transition: all 0.2s;
}

.bg1 li a {
    display: block;
    padding: 4px 10px;   
}