float就是inline-block的加强版
- 块元素同行显示
- 换行不解析
- 不设置内容宽高撑开
- 宽高padding支持
- 碰到父级或者有float的元素停止
可以设置属性为left ,right,none
这里主要介绍float的一些兼容问题
一、要让元素同行显示,给所有的同行元素加float,不然在ie67下面会有3px的间距
二、ie6下面,块元素有浮动且有左右margin的时候,会出现双倍的左右margin
解决办法是 display:inline
三、ie67下面,li元素本身没有浮动,但是内容有浮动,相邻的li会有3px的间隙
解决方法
1—-给li加浮动,同时设置width,再给ul请浮动(不推荐)
2—-给li加vertical-align
这里补充vertical-align还可以用于解决图片间隙问题