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

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

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

　 　.outer {

1.  <p><font size="3">　　float: left ;</font></p>

2.  <p><font size="3">　　postion: relative;</font></p>

3.  <p><font size="3">　　left: 50%</font></p>

4.  <p><font size="3">　　}</font></p>

5.  <p><font size="3">　　.inner {</font></p>

6.  <p><font size="3">　　float: left;</font></p>

7.  <p><font size="3">　　position: relative;</font></p>

8.  <p><font size="3">　　left: -50%;</font></p>

9.  <p><font size="3">　　/*right: 50%*/</font></p>

10.  <p><font size="3">　　}</font></p>