HTML CSS的兼容性问题、IE6BUG之外边距篇

上下外边距叠压问题—————————————————-

   例如一上一下两个div，上div设置margin-bottom:10px，
   下div设置margin-top:10px，结果只会让两个margin叠压在一起，
   而不会相加为20px

   解决办法:把其中一个margin换成padding

margin传递问题———————————————————-

    IE6,7下父子级包含的时候子级的margin-top会传递给父级；
    子级的margin-top会消失

   在IE6下父级有边框的时候，子元素的margin值消失

   解决办法:触发父级的haslayout (zoom:1)

IE6下最后一个子元素margin消失问题—————————————–

当一行子元素占有的宽度之和和父级的宽度相差超过3px,
或者有不满行状态的时候,最后一个子元素的下margin在IE6下就会失效

IE6下的双边距BUG—————————————————————

在IE6下，块元素有浮动和横向margin的时候，横向的margin值会被放大成两倍
解决办法: display:inline;