2012-10-31 85 views
0

如何在IE7中设置100%宽度锚点,没有父宽度?在IE8和上述工作正常IE7 100%宽度锚点,没有设置容器宽度

实施例: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; 
} 
+0

你的'div'是否需要绝对定位?这样做会将其从文档流中移除并丢失其宽度... – MassivePenguin

+0

yes ... div需要使用绝对位置 – Moriarty

+0

然后,您可能需要使用JavaScript作为用于定义CSS宽度的上下文。 – MassivePenguin

回答

1

戴上一个标签背景色: http://jsfiddle.net/GVj6K/12/

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

或者,你可以使用瓷砖trans.gif

+0

+1得爱IE 7. – StuartLC

+0

我玩高度:1;在锚和线高度:1;在李..工作得很好..但不是在jsfiddle .. thx – Moriarty