摘要: 先说BFC|haslayout的应用场景: 1>触发BFC | haslayout可以包含内部元素的浮动(闭合浮动); 2>触发BFC | haslayout可以阻止元素被浮动元素覆盖; 3>触发BFC | haslayout可以阻止垂直外边距折叠(合并)。 再说BFC | haslayout的触发方式: 触发BFC常用方式: float: left | right; position: absolute | fixed; display: inline-block | table-cell | table-caption overflow: auto ... 阅读全文
posted @ 2012-11-01 16:28 金广国 阅读(288) 评论(1) 推荐(2) 编辑
摘要: 很多人都已经习惯称之为清除浮动,但是确切地来说是不准确的。 1> 清除浮动:清除对应的单词是 clear,对应CSS中的属性是 clear:left | right | both | none; 2> 闭合浮动:更确切的含义是使浮动元素闭合,从而减少浮动带来的影响。 通过上图实例发现,其实我们想要达到的效果更确切地说是闭合浮动,而不是单纯的清除浮动,在footer上设置clear:both清除浮动并不能解决warp高度塌陷的问题。 故:用闭合浮动比清除浮动更加严谨,所以应准确称之为:闭合浮动。 清理浮动的方式有很多,总结如下—— 1> 添加额外标签(如<div styl 阅读全文
posted @ 2012-11-01 16:03 金广国 阅读(351) 评论(0) 推荐(0) 编辑