Float从中间开始?

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

结构如下:

floatFromeCenter (1)

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

floatFromeCenter (3)

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

floatFromeCenter (4)

 

这个i的css代码:

 

floatFromeCenter (2)


原因分析:

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

解决办法:

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

关于BFC,可以查看:轻松认识BFC 内容也绝对浅显易懂(我都能看懂,嘿)

标签: 浮动

添加新评论