IE 5.x/Win und Modell bug_Experience-Austausch-CSS-Tutorial-php.cn

IE 5.x/Win und Modell bug_Experience-Austausch

WBOY

Freigeben： 2016-05-16 12:09:09

Original

1230 Leute haben es durchsucht

#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 und Modellfehler</div>
      <div id="boxbug" title="box bug for IE5.x">Hier ist ein Feld mit Breite: 500 Pixel; Rand: 10 Pixel;
Verwenden Sie widht (Leerzeichen)/**/:530px, um den Box-Parsing-Fehler der IE5.x-Serie zu beheben, da Browser der IE5.x-Serie diesen Satz lesen k枚nnen. Der Effekt ist der gleiche unter IE5.x Win und IE6.0 Win.
<b>Wie verwende ich einen Hack, um den IE5.x-Box-Parsing-Fehler zu beheben?</b>
    <code>#content { 
 
width:530px; //杩</code>
</div>
</div>