应用了相同样式的网页在不同的浏览器中,将会有不同的显示方式.

< HTML >

< HEAD >

< style >
.leftfloat

{}{

       background-color:#cccccc;

       border:2px solid #333333;

       width:200px;

       height:100px;

       float:left;

}

.right

{}{

       background-color:#cccccc;

       border:2px solid #333333;

       height:100px;

}
.footer{}{
background-color:#cccccc;

       border:2px solid #333333;
         clear:both;

}

</ style >

</ HEAD >

 

< BODY >
< div  class ="right" > title </ div >
< div  class ="leftfloat" > div left float:left </ div >

< div  class ="right" >
< div  class ="leftfloat" > div left float:left </ div >

< div  class ="right" > div right </ div >
< div  class ="leftfloat" > div left float:left </ div >

< div  class ="right" > div right </ div >
< div  class ="leftfloat" > div left float:left </ div >

< div  class ="right" > div right </ div >
< div  class ="leftfloat" > div left float:left </ div >

< div  class ="right" > div right </ div >
</ div >
< div  class ="footer" > bottom </ div >


</ BODY >

</ HTML >

以上代码在IE和firefox,oprea中有不同的显示方式.其中IE按预想样式输出,但在其它两种浏览器中有不同的样式输出.

转载于:https://www.cnblogs.com/wangxiang/articles/610183.html