ie7 不兼容min-width
IE 不认得min-這個定義,但实际上它把正常的width和height當作有min的情況來使。這樣問題就大了,如果只用寬度和高度,正常的浏览器这两个值就不会变,如果只用min-width和min-height的話,IE下面根本等於沒有設置寬度和高度。
比如要設置背景圖片,這個寬度是比較重要的。要解決這個問題,可以這樣:
#box{ width: 80px; height: 35px;} #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}
html:
<div class="head_nev" id="head_nev">
<ul>
<li style="width:17%"><a href="#">箱包<br/>Handbage</a></li>
<li><a href="#">化妆品<br/>Cosmetisc</a></li>
<li><a href="#">钟表<br/>Watches</a></li>
<li><a href="#">饰品<br/>Accessories</a></li>
<li><a href="#">服装鞋帽<br/>Clothing/Shoes</a></li>
<li style="width:17%"><a href="#">男士精品<br/>Men</a></li>
</ul>
</div>
css:样式
.head_nev{
background:#000;
float:left;
position:relative;
width:100%;}
.head_nev ul{
min-width:990px;
width:auto;//
height:auto;//
}
.head_nev ul li{
width:auto;//
height:auto;//
width:16.5%;
float:left;
text-align:center;
background:#000;
list-style-type:none;}
.head_nev ul li a{
color:#FFF;
min-width:100%;
width:100%;
padding:3px 0px;
float:left;
text-decoration:none;}
http://blog.sina.com.cn/s/blog_6fe11c5d0100tn4f.html