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失效

...

标签: none

已有 2 条评论

  1. 清浮动的那个貌似写复杂了吧?

添加新评论