我有以下标记,

<ul id="menu">              
    <li><a href="#">Something1</a></li>
    <li><a href="#">Something2</a></li>
    <li><a href="#">Something3</a></li>
    <li><a href="#">Something4</a></li>
</ul>

<li>有点大,左边有个小图像, 我必须点击<a>才能激活链接. 如何点击<li>激活链接?

编辑1:

ul#menu li
{
    display:block;
    list-style: none;
    background: #e8eef4 url(images/arrow.png) 2% 50% no-repeat;
    border: 1px solid #b2b2b2;
    padding: 0;
    margin-top: 5px;
}

ul#menu li a
{

    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    padding-right:.5em;
    color: #696969;
}

推荐答案

#menu li { padding: 0px; }
#menu li a { margin: 0px; display: block; width: 100%; height: 100%; }

它可能需要针对IE6进行一些调整,但这就是您如何做到这一点的.

Css相关问答推荐

CSS动画与不正确的时间比率

如何将div与图像维度进行zoom ?

如何居中对齐容器父对象?

Primeng Angular更改p-dialog背景 colored颜色

使用 Vuetify 的 sass 变量时出错

解释 "document.styleSheets[0].cssRules[0].style;"

如何在启动时滚动 div 的底部?

为什么每次加载新页面时我的 React 侧边栏都会抖动?

为什么同一个 CSS 类连续出现两次

通过css修改样式shadowroot元素

CSS Grid 2 列和半高

为什么标题中的特定 div 与 Odoo 13 中 PDF 中的页面重叠?

CSS - 在 id 中 Select 类的语法

CSS3 box-shadow:inset 可以只做一侧或两侧吗?喜欢边界顶部?

CSS 插入边框

我应该使用最大设备宽度还是最大宽度?

将样式应用于第一行的单元格

HTML浮动右元素顺序

使用 HTML data-attribute 设置 CSS background-image url

为什么只为第一个元素显示双引号?