IE6IE7和Firefo对Div处理的差异.docxVIP

基本HTML代码

!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd

htmlxmlns=/1999/xhtml

head

titleDivFloatSample/title

styletype=text/cssdiv{margin:3px;}

.d1{width:250px;min-height:20px;border:1pxsolid#00cc00;}

.d2{width:130px;min-height:40px;border:1pxsolid#0000cc;}

.d3{width:100px;min-height:40px;border:1pxsolid#cc0000;}

/style

/head

body

divclass=d1

divclass=d2nbsp;/div

divclass=d3nbsp;/div

/div

/body

/html

以上代码显示的结果如下，很正常，结果相同。

下面会在这个基础上进行修改，修改的内容都在style中，其他代码就不再重复写了。

请注意，这里的Style中用到了min-height，这个和height