居中一个float元素

我们布局的时候，用margin来设置float元素的外边距来达到效果。对于，在文档流中的元素，我们很容易让它水平居中，只要给元素设置一个固定的宽度，用margin:
0 auto;就行了，这种技巧甚至在万恶的IE6中兼容得很好。

那么如何让浮动的元素水平居中呢？浮动元素脱离了文档流，上面的方法肯定是不行的。特地去网上查了一下，做为学习笔记记录下来我们布局的时候，用margin来设置float元素的外边距来达到效果。对于，在文档流中的元素，我们很容易让它水平居中，只要给元素设置一个固定的宽度，用margin: 0 auto;就行了，这种技巧甚至在万恶的IE6中兼容得很好。

那么如何让浮动的元素水平居中呢？浮动元素脱离了文档流。特地去网上查了一下，做为学习笔记记录下来

.outer {
  float: left ;
  postion: relative;
  left: 50%
}

.inner {
  float: left;
  position:  relative;
  left: -50%;
  /*right: 50%*/
}