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/