css杂记

css margin重叠的问题

是不是经常有的时候子标签的margin变成了父标签的margin了，嗯哼，试试下面的。

/*任选一个*/
overflow:hidden;
zoom:1;
border-top: 1px solid #ccc;

css baseline

是不是a标签下的img标签下方都是有嗲空隙的？那是因为img标签是内联元素，默认是按照baseline对齐的，犹如那英文四线格中的第三根线。解决办法：

1. 设置成块级元素
2. 设置垂直对齐方式

clearfix

/*清除浮动的良药啊*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1;}

IE6,7下z-index失效

...