BFC(block formating context)，翻译过来就是块级格式化上下文。我们可以理解为：BFC就是一个Block-level Box内部的Block-level Box布局的一系列规则。下面我们列出将有哪些布局规则并且举例解释说明。 布局规则： 1. 内部的Box会在垂直方向，从顶部 ...
分类：
其他好文 时间：
2017-02-16 22:33:59
阅读次数：
271
清除浮动，又叫“闭合浮动”，目的是解决父盒子高度为0的问题。 方法一：额外标签法 方法二：Overflow: hidden 触发bfc模式 就不用清除浮动 方法三：伪元素 方法四： 双伪元素 ...
分类：
其他好文 时间：
2017-01-31 19:17:21
阅读次数：
207
1.什么是BFC 其实在老师让我们写这篇叫BFC的时候，我跟本不知道有什么BFC的东西。 后来，我找了一些资料，知道了，BFC是Block Formatting Context （块级格式化上下文）的缩写，它是W3C CSS 2.1 规范中的一个概念，是一个独立的渲染区域，只有Block-level ...
分类：
Web程序 时间：
2017-01-15 23:56:39
阅读次数：
330
在什么场景下会出现外边距合并？如何合并？如何不让相邻元素外边距合并？ 首先，外边距的合并出现在垂直方向上，两个块级元素垂直外边距相邻时，两者的原外边距会合并成一个高度等于两者中较大的新外边距。 在正常的文档流下，没有边框，没有padding，但有外边距时，上下的margin会出现合并，高度等于两者中 ...
分类：
其他好文 时间：
2016-12-22 22:42:06
阅读次数：
229
一、BFC是什么？ 在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的 ...
分类：
其他好文 时间：
2016-12-22 18:45:05
阅读次数：
253
BFC:http://blog.sina.com.cn/s/blog_877284510101jo5d.html margin坍塌：http://blog.csdn.net/sinat_22996989/article/details/47255541 ...
分类：
其他好文 时间：
2016-12-10 22:19:29
阅读次数：
140
在了解布局之前，需要先掌握BFC、margin折叠。这里简单对这两个概念做介绍。 1.BFC(block formatting contents)，块级格式上下文。 产生条件： 特性： 作用： 2.首先应该了解的是在正常的文档流中，挨着的两个margin会发生折叠，可以是兄弟 ...
分类：
其他好文 时间：
2016-12-09 18:36:31
阅读次数：
144
目录 一、BFC与IFC 1.1、BFC与IFC概要 1.2、如何产生BFC 1.3、BFC的作用与特点 二、定位 2.2、relative 2.3、absolute 2.4、fixed 2.5、z-index属性 2.6、菜单 2.7、:target伪类 三、浮动 3.1、float取值 3.2、 ...
分类：
Web程序 时间：
2016-12-09 16:02:18
阅读次数：
381
两列布局：左边固定，后边自适应 第一种方法：左边的div左浮动或者是绝对定位，右边的div加margin-left:左边div的宽度 html部分 css部分 第二种方法：BFC(块级格式化上下文) 对于BFC的理解可以看 http://www.cnblogs.com/vitruvi/p/43038 ...
分类：
Web程序 时间：
2016-12-05 19:24:33
阅读次数：
134
