火狐下的ul li inline-block float导致的差异 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>

 

<style>
*{padding:0;margin:0;font-size:12px;}
#outer{text-align:center;padding:5px;}
#outer li{display:inline-block;*display:inline;*zoom:1; cursor:pointer;margin:0 5px;border:solid 1px #378fcf;padding:1px;
}
#outer li *{display:inline-block;*display:inline;*zoom:1; }
#outer li .whiteBorder{width:138px;;background:#378fcf;text-align:left;padding:2px;height:40px;overflow:hidden;}
#outer li .headerBox{float:left;padding-right:5px;widht:40px;}


.outer{text-align:center;padding:5px;}
.outer .li{display:inline-block;*display:inline;*zoom:1; cursor:pointer;margin:0 5px;border:solid 1px #378fcf;padding:1px;
}

.outer .li *{display:inline-block;*display:inline;*zoom:1; }
.outer .li .whiteBorder{width:138px;;background:#378fcf;text-align:left;padding:2px;height:40px;overflow:hidden;}
.outer .li .headerBox{float:left;padding-right:5px;widht:40px;}

</style>
</head>

<body>
<ul id="outer">
	<li>

    	<div class="whiteBorder">
            <div class="headerBox">asdf</div>
        </div>
    </li>
</ul>


<div class="outer">
	<div class="li">
    	<div class="whiteBorder">
            <div class="headerBox">asdf</div>
        </div>
    </div>
</div>
</body>
</html>





　　


编辑器加载中...







    
posted on 
2012-02-17 12:55 
kxdhm 
阅读(512) 
评论(0) 
编辑 
收藏 
举报