以文本方式查看主题

-  ╋艺 镇╋  (http://zyzsky.com/bbs/index.asp)
--  ┣◇网站建设&Web语言  (http://zyzsky.com/bbs/list.asp?boardid=4)
----  ie7 不兼容min-width  (http://zyzsky.com/bbs/dispbbs.asp?boardid=4&id=3267)
--  作者：admin
--  发布时间：2011/10/28 16:09:52
--  ie7 不兼容min-width
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