IE 5.x/Win 和模型bug_经验交流

2016-05-16 12:09 1438浏览原创

#bug1,#bug2,#bug3{ margin-left:auto; margin-right:auto; width:780px; margin-bottom:10px; position:relative;} 
#bug1 div,bug2 div,bug3 div{text-align:left;} 
.wrap{width:500px;width /**/:530px; border:10px #f60 solid; padding:10px; margin:10px auto;} 
html>body .wrap{ width:500px;} 
.wrap *{text-align:left;} 
/* clear float*/ 
.clearfix:after { 
 content: ".";  
 display: block;  
 height: 0;  
 clear: both;  
 visibility: hidden; 
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/ 
.clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */ 
.clear{ clear:both;} 
/*bug1*/ 
#bug1{} 
.bugTitle{ position:absolute; left:0px; top:0px; width:100px; font:18px "Courier New", Courier, monospace; font-weight:bold;padding:5px; background:#f5f5f5;} 
#boxbug{ width:500px;width /**/:530px; border:10px #f60 solid; margin:10px auto; padding:10px;} 
#boxbugie6{ width:500px; border:10px #f60 solid; margin:10px auto; padding:10px;} 
html>body #boxbugie6{ width:500px;} 
html>body #boxbug{ width:500px;} 
/*bug2*/ 
#bug2{} 
#ie3px,#ieno3px{float: left; width: 100px; height: auto; min-height:50px; background: #f60;} 
p.ie3px,p.no3px{margin: 0 0 0 100px; background: #333; text-align:left; color:#fff;} 
* html #ieno3px{margin-right:-3px;} 
* html p.no3px{height:1%;margin-left: 0;} 
/*bug3*/ 
#bug3{} 
#box1,#box2{ margin-left:50px; float:left; background:#f60; width:200px;} 
#box2{ /*float:none;*/display:inline ;}

--> 
</style>
<div id="bug1" class="clearfix"> 
    <a name="bug1"></a> 
    <div class="bugTitle">IE 5.x/Win </div>
</div>