在ie6下面某个元素只要浮动,就会使margin的宽度加倍。 如图: 修复方法:使该元素的显示方式为inline。 例如 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <mce:style type="text/css"><!-- .bug { width: 100px; height: 50px; float: left; margin: 0 20px; background: #FC9; } .fixed { width: 100px; height: 50px; float: left; margin: 0 20px; background: #FC9; display: inline; } .container { margin: 10px; border: 1px solid #CCC; background: #CF9; float: left; } .clear { clear: both; } --></mce:style><style type="text/css" mce_bogus="1">.bug { width: 100px; height: 50px; float: left; margin: 0 20px; background: #FC9; } .fixed { width: 100px; height: 50px; float: left; margin: 0 20px; background: #FC9; display: inline; } .container { margin: 10px; border: 1px solid #CCC; background: #CF9; float: left; } .clear { clear: both; }</style> </head> <body> <div> <div class="container"> <div class="bug">bug</div> <div class="clear"></div> </div> <div class="clear"></div> </div> <div> <div class="container"> <div class="fixed">fixed</div> <div class="clear"></div> </div> <div class="clear"></div> </div> </body> </html>