CSS注意点
CSS里面有很多“相生相克”的属性,在添加了多个属性之后可能会发现某个属性值的效果没有了。下面写一下我发现的注意的问题。
1:display:table-cell的元素对宽度高度敏感,对margin值无反应,响应padding属性,基本上就是一个td标签元素了.与其他一些display属性类似,table-cell同样会被其他一些CSS属性破坏,例如float, position:absolute
2:当给块级元素设置margin: 0px auto;之后,元素将会水平居中,但是再添加position:absolute或是float:left(right)或是display:inline-block(table-cell)之后,水平居中的效果将会失去。在这里参考一下各种居中的讲解:http://f2e.souche.com/blog/jie-du-cssbu-ju-zhi-shui-ping-chui-zhi-ju-zhong/