BFC----Block Formatting Context.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}.clearfix:after{clear:both;...
分类：
其他好文 时间：
2015-10-15 14:20:11
阅读次数：
186
首先FC：Formatting Context指页面中的一个渲染区域，并且拥有一套渲染规则，他决定了其子元素如何定位，以及与其他元素的相互关系和作用。 CSS2.1中有BFC(block)和IFC(Inline).BFC的布局规则：内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的...
分类：
Web程序 时间：
2015-10-13 15:21:53
阅读次数：
249
CSS2.1中只有BFC和IFC, CSS3中才有GFC和FFC。What's FC？一定不是KFC，FC的全称是：Formatting Contexts，是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用...
分类：
Web程序 时间：
2015-09-29 10:02:13
阅读次数：
154
我们可能会遇到这样的一些问题，比如：子元素浮动，父元素高度塌陷；父元素跟随子元素一起移动等这是我们可以通过触发BFC来解决这样的问题。BFC为"块级格式化上下文"。它是一个独立的渲染区域，相当于是一个独立的环境。为一个元素里面创建这样的环境，而这个元素本身是没有的，不会对周围的其他元素造成影响。简单...
分类：
其他好文 时间：
2015-09-20 22:13:09
阅读次数：
133
1. BFC定义(非学术)BFC是一块独立渲染区域，决定了其包裹的子元素的定位方式。2.BFC形成条件下列情况将创建一个块格式化上下文：根元素或其它包含它的元素浮动 (元素的float不为none)绝对定位元素 (元素的position为absolute或fixed)行内块 inline-block...
分类：
其他好文 时间：
2015-09-18 12:01:04
阅读次数：
178
Box 是CSS 布局的对象和基本单位， 直观点来说，就是?个??是由很多个Box 组成的。元素的类型和display属性，决定了这个Box 的类型。 不同类型的Box， 会参与不同的Formatting Context（?个决定如何渲染?档的容器），因此Box内的元素会以不同的?式渲染。BFC ....
分类：
其他好文 时间：
2015-09-15 09:21:21
阅读次数：
124
1. BFC(block formatting context,中文常译为块级格式化上下文)是 W3C CSS2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。在进行盒子元素布局的时候， BFC 提供了一个环境， 在这个环境中按照一定规则进行布局不会影响到其...
分类：
其他好文 时间：
2015-09-15 01:34:46
阅读次数：
166
定义：BFC(Block formatting context)为块级格式化上下文。它是一种环境，不会对周围其它盒子的布局产生影响，它只规定了内部如何布局。BFC布局规则1.内部的Box会在垂直方向，一个接一个地放置。2.Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的ma...
分类：
其他好文 时间：
2015-09-13 23:05:38
阅读次数：
231
在前面随笔中我梳理了一下BFC的知识，接下来我来理一理JS中面向对象概念，在JS中面向对象的说法其实只是一种比喻，在JS中并无类，而是一种和类性质差不多的原型函数；先举个例子：猪和牛都是属于动物这个大的类别里面的，具有一些相同的属性，比如四肢行走，睡觉，以及其它一些共同属性的；但是猪和牛有着各自.....
分类：
其他好文 时间：
2015-09-13 20:00:37
阅读次数：
120
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spe...
分类：
其他好文 时间：
2015-09-13 19:56:15
阅读次数：
158
