第一次看到层叠上下文这个东西并不知道这是个什么，去看了一些大神的文章，然后发现类似的有BFC，然后牵扯出一系列的什么是FC,什么是BFC,什么是IFC等。以下的东西是摘抄别人文章的一些内容和一些自己的理解，方便自己回忆吧。 FC(Formatting Context)翻译过来就是格式化上下文/格式化 ...
分类：
其他好文 时间：
2016-04-12 01:57:19
阅读次数：
177
BFC - block formatting context 1.float的值不能为none 2.overflow的值不能为visible 3.display的值为table-cell，table-caption，inline-block中的任何一个 4.position的值不为relative和 ...
分类：
其他好文 时间：
2016-04-10 06:49:37
阅读次数：
121
BFC 块级格式化上下文 BFC布局规则： 1、内部的Box会在垂直方向，一个接一个地放置； 2、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠； 3、每个元素的margin box的左边，与包含块border box的左边相接触； 4、BFC的区域 ...
分类：
其他好文 时间：
2016-04-05 00:46:02
阅读次数：
161
IFC和bfc的知识点。 IFC(IFC(inline formatting context),即?内格式化上下?，,?平?向上的margin，border和padding在框之间得到 保留。框在垂直?向上可以以不同的?式对?：它们的顶部或底部对?，或根据其中?字的基线对?。包含那些框的 ??形区域 ...
分类：
其他好文 时间：
2016-04-04 22:48:14
阅读次数：
176
1. margin重叠问题 在没有设置border或padding的情况下，父元素的第一个子元素的margin-top和父元素的margin-top选取一个最大值使用。可以设置border、padding或者触发BFC来解决子元素设置距离父元素的margin-top。 2. 相对定位和绝对定位 绝对 ...
分类：
Web程序 时间：
2016-04-04 00:08:41
阅读次数：
233
利用元素浮动来布局相信大家已经不再陌生了，但浮动会带来高度塌陷的问题（这里就不详诉了，有兴趣的朋友可以自行搜索）。既然浮动会带来不好的影响，那我们就需要去解决这个问题。其实清除浮动带来的影响也就是我们常说的”清除浮动”的方法非常简单，网上随便一搜就知道了，但大部分像我这样的菜鸟都不知道背后的原理是什 ...
分类：
其他好文 时间：
2016-04-02 10:43:47
阅读次数：
210
在CSS布局中float属性经常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人很苦恼 1 浮动带来布局的便利，却也带来了新问题 我们希望看到的效果是这样的 但结果却是这样的 父容器并没有把浮动的子元素包围起来，俗称塌陷，为了消除这种现象，我们需要一些清除浮动的技巧。 2 如何清理浮 ...
分类：
Web程序 时间：
2016-04-01 17:47:18
阅读次数：
193
BFC：块级格式化上下文 占用某一块的空间位置，主要用于清除内部浮动（防止因浮动脱离文档流引起的布局错乱），margin值的嵌套（之前写过一篇关于margin-top嵌套的解决方法），三列布局（占用空间）。 BFC布局规则：（摘自http://www.cnblogs.com/lhb25/p/insi ...
分类：
其他好文 时间：
2016-03-31 23:14:13
阅读次数：
178
初识块级格式化上下文(Block Formatting Contexts)前言html文档中元素的定位有3种方式(普通流、绝对定位、浮动)，除普通流以外，浮动与绝对定位都会导致元素脱离普通流，按照各自的方式进行定位。
带有BFC属性的容器属于普通流的一种。块级格式化上下文 (BFC)块格式化上下文是页面 CSS 视觉渲染的一部分。它是用于决定块盒子的布局及浮动相互影响范围的一个区域。BFC是元素在...
分类：
其他好文 时间：
2016-03-29 10:47:25
阅读次数：
146
IFC(inline formatting context),即?内格式化上下?，与之对应的是BFC(block formating context),块格式化上下?，?本博客锋利的BFC??。它和BFC?样，既不是属性也不是元素，?是?种环境，?种上下?。下?这个链接是w3c关于IFC的描述：ht ...
分类：
其他好文 时间：
2016-03-28 10:17:54
阅读次数：
233
