# Float从中间开始？

# 现象

有时候有下面的情况，li元素向左浮动，但是却从中间开始？

结构如下：

蓝色的li从中间开始浮动了！

使用firebug查看得知，前面一个容器里面的i元素的margin“伸”出来了！！！

这个i的css代码：

# 原因分析：

float 是使用BFC来分隔的，因为没有形成BFC，所以这里默认wrap和这个ul里面如果有浮动元素，它们将会互相影响！

# 解决办法：

将wrap和ul形成BFC即可。这样可以把各自内部的浮动元素包裹起来。

关于BFC，可以查看：轻松认识CSS BFC 内容也绝对浅显易懂（我都能看懂，嘿）