- float最初是为了处理文字环绕的问题
- float的两个特点：包裹（元素block块状化，砖头化）与破坏（破坏性造成的紧密排列特性，去空格化）
- BFC：块级格式化上下文
- 清除浮动造成影响的几个办法：
1.脚底插入换一个clear:both的div（冗余）
2.父元素after增加clear:both（IE6IE7不支持）
3.父元素BFC
4.推荐方法：
.clearfix:after{content:'',display:block;height:0;overflow:hidden;clear:both;}clearfix{zoom:1}
或者.clearfix:after{content:'';display:table;clear:both;}clearfix{zoom:1} - 尽量少使用clearfix，而是只在浮动元素的父元素上使用，因为会在ie6/7上出现一些不可预料的问题。
- 浮动的应用：
- 单侧固定布局（定宽）：单侧width+float，不固定侧padding-left/margin-left
- 单侧固定布局（不定宽）：
- ps：尽量少使用float
float相关
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
