float元素居中

要让float元素居中，需要在float元素的外面增加一个父级div，然后对父子div进行这样的设置：

.fater{position:relative, float:left; left:50%}

.child{position:relative, float:left; left:-50%}

如图1，绿色表示浮动的子元素，蓝色表示父级元素，在没有设置left：-50%时，如上。

如图2，绿色的子级div设置了left：-50%之后，就在自己的位置上向左移动50%，这个50%不是相对于父级div的，而是相对于自己的，这样就实现了浮动居中的效果了。

浮动div居中的作用，主要是用来将一系列的东西按照屏幕的尺寸进行自适应，还有另一个作用是配合margin-top、padding-top等属性，实现图片和文字在同一行的居中对齐。

如果需要在下一行取消div的浮动属性，直接在style里面添加clear：both即可。