IE7 100% 宽度锚，没有设置容器宽度答案

【问题标题】：IE7 100% width anchor without set container widthIE7 100% 宽度锚，没有设置容器宽度
【发布时间】：2012-10-31 23:56:16
【问题描述】：

如何在 IE7 中设置没有父宽度的 100% 宽度锚点？在 IE8 及以上版本中运行良好

示例：http://jsfiddle.net/GVj6K/2/

HTML

<div>
    <ul>
        <li><a href="#">bla</a></li>
        <li><a href="#">bla bla lorem ipsum</a></li>
        <li><a href="#">bla bla </a></li>        
    </ul>
<div>

CSS

div{
 position:absolute;
}    

ul{
 list-style:none;
 margin:0; padding:0;
}

a{
 display:block;
 padding:5px 10px;  
 white-space:nowrap;
 width:auto;    
}    

a:hover{
 background-color:#f0f0f0;
}

【问题讨论】：

您的div 需要绝对定位吗？这样做会使其脱离文档流并失去其宽度......
是的... div 需要有绝对位置
那么您可能需要涉及 JavaScript，因为缺少在 CSS 中定义宽度的上下文。
有 css 的解决方案 .. 但我忘记了
你能解释一下究竟是什么不起作用吗？我似乎找不到从 IE8 到 IE7 的区别。 IE9作为IE7运行是否也会出现问题？

标签： html css

【解决方案1】：

在 a 标签上添加背景颜色： http://jsfiddle.net/GVj6K/12/

a{
 display:block;
 padding:5px 10px;  
 white-space:nowrap;
 width:auto;
 background:#fff;
}

或者，您可以使用平铺的 trans.gif

【讨论】：

我玩身高：1；在锚点和行高：1；在 LI.. 上也可以正常工作.. 但在 jsfiddle 中不行.. thx