1.文字垂直居中：vertixal-align:middle。很多人都遇到了这个问题，当文本是单行的时候就可以利用将文本所在的区域的height和行距line-height一样高，就可以实现锤子居中了，但是只使用于单行哦。
2.div垂直居中：margin:auto。这样方法非常好用，就是设置div的height，然后相对于父div，top:0,bottom:0。具体的代码如下：
parentdiv{position:relative};
div{position:absolute;top:0;bottom:0;height:200px;margin:auto 0;}
3.高度不适应。 高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用margin 或padding 时。 例：
#box { }
#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }
<div id="box"> <p>p对象中的内容</p> </div>
解决方法：在P对象上下各加2个空的div对象CSS代码：.1{height:0px;overflow:hidden;}或者为DIV加上 border属性。
4.ul有默认值。有时候在写列表的时候会出现边距，但是自己好像也没有设置呀，在FF上padding和margin都有默认值，而在IE上只有margin有默认值，所以为了避免兼容性的问题，在ul上设置{padding:0;margin:0}
原文：http://www.cnblogs.com/vinityNxr-2015/p/4845093.html