margin bug (2) IE6双边距bug
发生情况:当给父元素的第一个浮动元素设置margin-left或者margin-right时，元素相应float ?left或right，这是margin会加倍
?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>marginTest2</title><style>.left{background-color:gray;float: left;}.margin{margin-left: 20px;}.backcolor{float:left;background-color: red;}</style></head><body><div >ssssss</div></div></body></html>?正常表现：
IE6下表现:
?解决方法:给浮动元素加上display:inline; ?或者将margin-left改成padding-left
?
http://www.hicss.net/do-not-tell-me-you-understand-margin/ 写道原理分析：