HasLayout和BFC 1.什么是HasLayout HasLayout是IE浏览器的一个内部的特性，这个特性有两个是true和false，false表示没有开启布局，而true表示开启了。 在IE中一个元素要么根据父元素的大小进行布局，要么根据自身的内容大小来布局，而默认情况一般是前者。但是，... ...
分类：
其他好文 时间：
2016-05-06 02:01:27
阅读次数：
185
浅谈个人对BFC的理解以及一下应用。
BFC（Block Formatting Context）BFC定义：
BFC(Block formatting context)直译为”块级格式化上下文”。它是一个独立的渲染区域， 它规定了内部的块级元素如何布局，并且内部子孙元素布局与外部元素布局互不影响。...
分类：
其他好文 时间：
2016-05-03 18:24:29
阅读次数：
182
浏览器对于BFC这块区域的约束规则如下： 生成BFC元素的子元素会一个接一个的放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻子元素之间的垂直距离取决于元素的margin特性。在BFC中相邻的块级元素外边距会折叠。 生成BFC元素的子元素中，每一个子元素做外边距与包含块的左边界相接触，（对于从 ...
分类：
其他好文 时间：
2016-05-01 16:16:41
阅读次数：
153
作者原文网址：http://www.cnblogs.com/dingyufenglian/p/4845477.html What‘s FC？ 一定不是KFC，FC的全称是：Formatting Contexts，是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它 ...
分类：
Web程序 时间：
2016-04-28 14:10:34
阅读次数：
181
项目经验：1.如果设置外边距margin 父级元素也跟着移动，把父级元素设置触发BFC环境，overflow：hidden如果直接再子类哪里吧margin改成padding，这样自己内容相对于自己的位置就变了 2.引用外部文件 ./ 代表上一级（父级目录） ../代表上两级 3.调位置，一定是用ma ...
分类：
其他好文 时间：
2016-04-24 21:47:28
阅读次数：
157
BFC之前学的时候没太懂，后来专门复习了下。 BFC(Block formatting context):可以直接翻译为"块级格式化上下文"，它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 BFC的布 ...
分类：
其他好文 时间：
2016-04-24 21:46:10
阅读次数：
178
1.如果设置外边距margin 父级元素也跟着移动，把父级元素设置触发BFC环境，overflow：hidden如果直接再子类哪里吧margin改成padding，这样自己内容相对于自己的位置就变了 2.引用外部文件 ./ 代表上一级（父级目录） ../代表上两级 3.调位置，一定是用margin和 ...
分类：
Web程序 时间：
2016-04-24 14:00:03
阅读次数：
178
项目经验：1.如果设置外边距margin 父级元素也跟着移动，把父级元素设置触发BFC环境，overflow：hidden如果直接再子类哪里吧margin改成padding，这样自己内容相对于自己的位置就变了 2.引用外部文件 ./ 代表上一级（父级目录） ../代表上两级 3.调位置，一定是用ma ...
分类：
Web程序 时间：
2016-04-23 14:42:23
阅读次数：
251
上一篇我提到每一个元素都有自己的display属性，其属性值可以改变。其改变的方式，可以利用神奇的css盒模型（BFC）。 盒模型，是css可视化格式化系统的基础，可以用于元素定位和网页布局。一个盒模型是一个box，包括内容（content），padding（内边距），border（边框），marg ...
分类：
其他好文 时间：
2016-04-17 12:56:23
阅读次数：
132
先说说FC，FC的含义就是Fomatting Context。它是CSS2.1规范中的一个概念。它是页面中的一块渲染区域。而且有一套渲染规则，它决定了其子元素将怎样定位。以及和其它元素的关系和相互作用。BFC和IFC都是常见的FC。分别叫做Block Fomatting Context 和Inlin ...
分类：
其他好文 时间：
2016-04-15 14:00:20
阅读次数：
327
