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

时间:2012-10-31 12:03:04

标签: html css

如何在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;
}

1 个答案:

答案 0 :(得分:1)

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

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

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