简单介绍BFC

　BFC

　　就是块级格式化上下文，是页面盒模型布局中的一种 CSS 渲染模式，相当于一个独立的容器，里面的元素和外部的元素相互不影响。

　创建 BFC 的方式有：

　　1.html的根元素

　　2.float浮动

　　3.绝对定位

　　4.overflow不为 visible

　　5.display为表格布局或弹性布局

　　6.contain值为layout

　　7.content或 strict的元素等。

　

　BFC的作用：

　　1.清除浮动

　　2.解决margin塌陷问题

　

　BFC的特点：

　　1.内部box会一个一个的垂直放置

　　2.形成了BFC的区域不会与float box重叠，BFC在页面是个独立的容器，里外元素互不影响

　　3.BFC在计算高度时会把浮动元素计算进去

　　4.在BFC中，每一个盒子的左外边缘（margin-left）会触碰到容器的左边缘(border-left)（对于从右到左的格式来说，则触碰到右边缘）

最新文章

1. MyEclipse中直接打开class文件的方法
2. php代码优化系列 -- array_walk 和 foreach, for 的效率的比较
3. html form 提交表单的一些问题
4. mybatis0203 一对一查询 resultMap实现
5. Ubuntu学习笔记-win7&Ubuntu双系统简单搭建系统指南
6. Qt Assistant 的配置文件qhp--->qch 和qhcp--->qhc详解与生成
7. poj2141---字符串转换
8. k8s 集群基本概念
9. js获取当前日期与星期
10. 学习HTML5的第二周
11. [系统运维]Supervisord安装和启动程序
12. ZooKeeper的快速搭建
13. js去除数组里重复的条目，返回被删除的条目的新数组
14. ECharts前端图形展示
15. JVM内存模型和面试题解析
16. luogu P4148 简单题
17. URL中带加号的处理
18. HDU 4741 Save Labman No.004 （2013杭州网络赛1004题，求三维空间异面直线的距离及最近点）
19. js前台取用后台传递过来的map集合方式
20. 《C++ Primer Plus》第16章 string类和标准模板库 学习笔记

热门文章

1. 【SPOJ】Longest Common Substring
2. Dp优化之决策单调栈优化
3. Tecplot如何提取三维图中某条线的数据【转载】
4. 【代码】python 绘图（以faster rcnn 的 loss 曲线为例）
5. Git 工作流
6. 简易版最长序列（map映射）
7. arcgis 地理坐标系 699个，投影坐标系是4767
8. Qt 获取键盘输入
9. 算法习题---4-2正方形（UVa201）
10. std::function以及std::bind