可点击的html / css中的div列表

Question

我想制作可点击的div的水平列表。 我有这样的事情：

<div id="header">
    <a href="/"></a>
        <ul id="list">
            <li id="column1">
                <div></div>
            </li>
            <li id="column2">
                <div></div>
            </li>   
        </ul>   
</div>

样式：

#header
{
    height: 200px;
    width:500px;
}

a{
  display: block;
  width: 100%;
  height: 100%;
}

问题是，“a”元素与列表不在同一个位置，我希望列表可以被cliack。

Answer 1

如果您希望在页面上点击任何内容，请使用javascript事件侦听器而非锚定标记。

当您想要一个元素可点击时，只需添加一个事件监听器来点击客户端代码上的操作并定义对象的行为。

仅当对象的行为要链接到其他地方时才使用锚标记。

这将使您的代码更清晰，更易于阅读，也可以更轻松地将每个对象放置在您想要的位置。