如何居中一个浮动元素？

如何居中浮动一个元素？

以前也从来没有注意过这个问题，是这次在找工作的时候，网上搜前端面试题的时候才看到的，刚开始以为很简单，后来发现其实margin负值，自己真的不懂，就开始在网页上搜，后来就慢慢看懂了。

1.首先推荐这个博客，明白什么是margin负值以及它有什么作用。

http://www.cnblogs.com/2050/archive/2012/08/13/2636467.html#2457812（前端小萌新刚开始更博，如果有做法不对的地方，还请大家指教^v^)

2.如果这个看了后还比较懵懂的化，可以继续看另外一篇帮助理解，多列等高布局。

http://www.cnblogs.com/2050/archive/2012/07/31/2616460.html

3.居中一个浮动元素，谢谢自己的理解（小萌新，请多多指教）

.div{width:500px;height:400px;background-color:red;position:relative;margin:-200px 0 0 -250px;left:50%;top:50%}

理解：1.加定位的原因：因为元素要偏移，需要一个参照对象，所以需要加定位。2.左边距定位到原本位置的一半，然后又左移动宽度的一般就到了中间。

3 top和-200px相互抵消（top:50% 相对于父元素的高度来说。)

疑惑：为什么不直接margin：0 0 0 -250px? 如果把relative 换成absolute，去掉页面的margin 值和padding值，left效果一样，而top边距有空白？