CSS常见问题备忘录

1，垂直居中为什么写top:50%;margin-top:-50px这种形式而不是top:-50px;margin-top:50%

margin的值为百分比的话，其值的计算依赖于包含块的宽度，这条规则对margin-top、margin-bottom也实用，如果包含块的宽度不确定的话，这种方式就得不到正确的布局。

 

2，css中height:100%无效

在进行全屏布局的时候我们经常设置一个div的heigh为100%，然而直接这样设置并不能达到我们想要的效果，原因是height为100%是相对于包含块的。需要先设置html,body{height:100%}然后再设置div的height为100%

详细参考这篇文章： http://www.cnblogs.com/youxin/p/3345085.html 

 

3，浮动元素的水平居中

http://www.w3cplus.com/css/elements-horizontally-center-with-css.html