                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /手把手教你實現電商網站開發

下拉菜單在ie6的表現狀態求解~~

<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>Busy?-?電商</title>
<script?type="text/javascript">??
????function?selectList(){
????????var?selList=document.getElementById("select_options").style;
????????var?selTriangle=document.getElementById("select_triangle").style;
????????if(selList.display=="none"){
????????????selList.display="block";
????????????selTriangle.transform="rotateZ(180deg)";
????????}else{
????????????selList.display="none";
????????????selTriangle.transform="rotateZ(0deg)";
????????}
}
</script>
<style>

body,ul,h3{margin:?0;?padding:?0;}
li{list-style:?none;}

??.select{height:22px;?border:1px?solid?#ccc;?line-height:22px;?position:relative;?z-index:4;padding:0?24px?0?10px;?display:inline-block;/*float:left;*/}
.show_select{?position:absolute;?top:22px;?left:-1px;?width:100%;?border:1px?solid?#ccc;background:?#fff;font-size:?12px;top:?19px;?}
.show_select?li{?color:#999;?text-indent:11px;}
.show_select?li:hover{background:#9CF;?color:#fff;}
.select?h3{font-size:12px;?font-weight:normal;?height:22px;?line-height:22px;?}

#select_triangle{
????border-width:?4px?4px?0;
????border-style:?solid?dashed?dashed;
????border-color:?rgb(80,?174,?248)?transparent?transparent;
????width:?0;?height:?0;
????overflow:?hidden;
????position:?absolute;
????top:?10px;
????right:?8px;
????transition:0.2s;
}
</style>
</head>

<body>
?<div?class="select"?id="select"?onclick="selectList()">
????????????????????????	<h3>北京市?海淀區?五環內</h3>
????????????????????????????<i?id="select_triangle"></i>
????????????????????????????<ul?class="show_select?hide"?id="select_options"?style="display:?none;">
????????????????????????????	<li>朝陽區三環</li>
????????????????????????????????<li>朝陽區三環</li>
????????????????????????????????<li>朝陽區三環</li>
????????????????????????????????<li>朝陽區三環</li>
????????????????????????????????<li>朝陽區三環</li>
????????????????????????????</ul>
????????????????????????</div>
</body>
</html>

老師這是其中一個下拉菜單的代碼在其他瀏覽器都沒問題可是到了ie6就會寬度變成100% 打死也找不出原因求解釋~~