2012-10-31 119 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