Internet Explorer 7可点击区域链接没有固定宽度

Question

我想知道是否有一种方法可以在父容器没有固定宽度的情况下，将链接的可点击区域设置为始终拉伸到父容器。

示例： http ： //jsfiddle.net/gYukv/

在Firefox上，包含文本和

标签，在IE7上，链接的可点击区域仍然很小。

Answer 1

一个解决方案是使用CSS表达式：

#header-modulos-lista li { width: expression((document.getElementById('header-modulos-lista').offsetWidth - 6) + 'px'); }

其中6是边框宽度的总和（框模型错误）。

Answer 2

尝试添加：

 #header-modulos-lista a { background:#333;display:  block; color: #000; height: 30px; line-height: 30px; padding: 0 10px; text-decoration: none;zoom:1;position:relative;}

区别在于我添加了zoom：1; 和位置：相对；

如果这样不起作用，则可能需要将Doctype添加/更改为类似以下内容：

<!doctype HTML>