HTML:li 和 href

Question

所以我为我的 ul li 设计了样式，它出现在一个下拉框中，当你在每个 li 上标记它时:用紫色悬停。现在每一里都有一个名字。我想把它们都变成一个链接，所以当你点击标记的 li 中的任何地方时，你就会转到该链接。

现在，当你点击 li 中的某处时没有任何反应，只有当你点击 li 中的名字时..

这是我的代码:

  echo '<a href="profil.php?id='.$result->id.'"><li onClick="fill(\''.addslashes($result->full_name).'\');">'.$result->full_name.'</li></a>';

我该怎么做？

    .suggestionsBox {
    position: absolute;
    left: 0px;
    top: 10px;
    margin: 26px 0px 0px 0px;
    width: 200px;
    padding:0px;
    background-color: #000;
    border-top: 3px solid #000;
    color: #fff;
}
.suggestionList {
    margin: 0px;
    padding: 0px;
}
.suggestionList ul li {
    list-style:none;
    margin: 0px;
    padding: 6px;
    border-bottom:1px dotted #5a2156;
    cursor: pointer;
}
.suggestionList ul li:hover {
    background-color: #5a2156;
    color:#000;
}
ul {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#FFF;
    padding:0;
    margin:0;
}

Answer 1

A 元素只能包含级别元素，LI 只能在OL 和UL 中使用。但是 LI 允许 A 进入，所以反过来:

echo '<li onClick="fill(\''.addslashes($result->full_name).'\');"><a href="profil.php?id='.$result->id.'">'.$result->full_name.'</a></li>';

要使 A 填充可用空间，将其显示为 block 元素:

li > a {
    display: block;
}