清除浮动clear/BFC
2016-05-28 19:13
211 查看
浮动的清除有两种方式:
一、clear
clear:both/left/right;二、创建BFC
(1)什么是BFC?BFC,块级格式化上下文,是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。通俗的讲就是相当于一个把浮动的元素框起来并隔离的容器,容器里面的子元素不会影响到外面元素,使浮动不会溢出。
(2)哪些元素会生成BFC?
①根元素或其它包含它的元素
②float的值不为none
③overflow的值不为visible
④display的值为inline-block/table-cell(表格单元格)/table-caption(表格标题)/flex/inline-flex
⑤position的值为absolute/fixed
(3)BFC还有哪些作用?
BFC除了可以用来清除浮动,还可以用于防止margin折叠、左右两栏布局这两个作用。
更多有关 BFC 的知识请查看我的另一篇博客:BFC 小结
本文链接:http://www.cnblogs.com/xsilence/p/5538065.html
相关文章推荐
- 操作Android手机路由表
- [置顶] php超级预定数组( 类似javaWeb中域对象),函数,对象,进一步加深知识点
- 数据结构上机测试2-1:单链表操作A
- 随笔—邀请赛前练— Duff in Love
- Codeforces Round #353 (Div. 2) D. Tree Construction (BST询问父亲节点)
- nyoj 712 第六届河南省大学生程序设计竞赛D +nyoj 61
- html5中图像元素
- 更新kernel
- make: 'pcs.o' is up to date.问题解决
- mysql唯一索引和unique
- CopyOnWriteArrayList&CopyOnWriteArraySet
- boost库使用快速入门
- java join()方法
- Android oncreate中获取控件宽高
- zoj3541(区间dp+贪心)
- Unity3D——游戏序列化
- mac os x使用Git简易入门教程
- 第十三周上机实践——项目3-形状类族中的纯虚函数
- CodeIgniter开发实际案例-新闻网站【转】
- ubuntu设置护眼色