好程序员分享居中一个float元素

好程序员 06-16 62

前言：

而今看官们对“居中一个浮动元素的几种方法”大约比较关心，看官们都想要学习一些“居中一个浮动元素的几种方法”的相关知识。那么小编也在网摘上汇集了一些关于“居中一个浮动元素的几种方法””的相关资讯，希望姐妹们能喜欢，朋友们快快来学习一下吧！

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

好程序员

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

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

.outer {

1. float: left ;

2. postion: relative;

3. left: 50%

4. }

5. .inner {

6. float: left;

7. position: relative;

8. left: -50%;

9. /*right: 50%*/

10. }