<dexbol />

ie6 ignore margin-bottom Bug

父元素haslayout=-1,若干子元素浮动,当最后一行子元素的总宽度及单个子元素的(width + border + margin + padding)乘以最后一行的元素个数小于父元素宽度
(设置或继承)加2px时,最后一行子元素margin-bottom被忽略。

用一个简单的表达式表示:

var SEOW=单个子元素的整体宽度(margin+padding+border+width);
var PEW=父元素的宽度(width, 设置或继承);
var N=最后一行子元素的个数;
if(SEOW*N<PEW+2){
  //最后一行子元素margin-bottom被忽略。
}

Demo:

http://dexbol.com/demo/css/ignore-margin-ie6-bug.html(*Open It In IE 6*)

Leave a Reply