一、BFC是什么？在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类....
分类：
其他好文 时间：
2015-08-07 21:41:25
阅读次数：
132
一、以前学习后端开发总觉得前端开发会相对简单一些，其实不然，前端需要学习的东西是多的。 1、前端需要学习的基础就包括如下主要的几点（1）over-flow应用场合（2）css有多少高度单位（3）什么是bfc？清楚浮动到底是不是bug，inline-block到底有哪几种用法？（4）zoom存在的意义...
分类：
移动开发 时间：
2015-08-06 20:04:06
阅读次数：
157
1. 盒模型 2. 外边距合并 3. 定位机制 4. Float 5. Position：属性有哪些取值，它们的行为是什么？ 无依赖绝对定位？ 6. Display：常见属性值有哪些取值？ 7. 对BFC规范的理解？ 1. 盒模型 盒模型从内向外包括content,padding,b...
分类：
Web程序 时间：
2015-08-05 12:16:52
阅读次数：
143
首先弄明白一个概念，上面是bfc？
w3c是这样解释
BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式。它的定位体系属于常规文档流。
说通俗一点就是：
float的值不为none
position的值不为static或者relative
display的值为 table-cell, table-caption, inline-block,...
分类：
Web程序 时间：
2015-08-02 20:06:53
阅读次数：
148
一、BFC是什么？ 在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Bo...
分类：
其他好文 时间：
2015-07-27 00:07:16
阅读次数：
269
Box:是网页布局的对象和基本单位。box分为如下三类：-block-level块级-inline-level 行级-run-in css3中才有BFC：块级格式化上下文。BFC布局规则:1.内部的Box会在垂直方向，一个接一个的放置。2.Box垂直方向的距离有margin决定。属于同一个BFC的两...
分类：
Web程序 时间：
2015-07-26 17:19:17
阅读次数：
90
一.概念在进行盒子元素布局的时候，BFC提供了一个环境，在这个环境中按照一定规则进行布局不会影响到其它环境中的布局。比如浮动元素会形成BFC，浮动元素内部子元素的主要受该浮动元素影响，两个浮动元素之间是互不影响的。二.产生BFC条件：当一个HTML元素满足下面条件的任何一点，都可以产生Block F...
分类：
其他好文 时间：
2015-07-24 20:34:01
阅读次数：
109
先说说FC，FC的含义就是Fomatting Context。它是CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。BFC和IFC都是常见的FC。分别叫做Block Fomatting Context 和Inline Formatting Context。
BFC
BFC（Block Formatti...
分类：
其他好文 时间：
2015-07-22 22:50:20
阅读次数：
187
BFC，全称是Block Formatting Context，块级格式化上下文。
具体是什么，可以理解为页面元素的一种特性，触发了BFC的元素往往会产生一些对初学者而言意想不到的效果。
触发BFC的方法有下面几种，满足其中任意一种就能触发BFC：
浮动元素（float除了none以外任意值）
绝对定位元素（position为absolute或fixed）
display为inline-bloc...
分类：
Web程序 时间：
2015-07-22 01:37:32
阅读次数：
161
BFC（Block Formatting Context，块格式上下文）
具有BFC特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素。
在CSS3中，BFC叫做Flow Root。
在CSS2.1中，有三种定位方案——普通流（Normal Flow），浮动（Float）和绝对定位（Absolute Positioning）。
（1）如何触发BFC？
...
分类：
Web程序 时间：
2015-07-18 17:05:12
阅读次数：
116
