元素：块级元素，内联元素，内联块状元素 块级元素：在默认情况下会独占一块区域 相对于块级元素的父元素来讲，块级元素占据的行默认是单独享有的。 通过设置元素的样式为： 可以让元素具有块级样式。 块级元素的特点是：水平拉伸，垂直包裹。 所谓水平拉伸，是相对于块级元素的父元素来说的。 在不设置with属性 ...
分类：
其他好文 时间：
2016-07-30 00:22:52
阅读次数：
223
BFC触发1.根元素2.float3.overflow：auto,scroll,hidden（常用）4.display：table-cell，table-caption，inline-block,flex,inline-flex;5.position:absolut,fixed BFC布局规则1.背 ...
分类：
其他好文 时间：
2016-07-25 01:35:23
阅读次数：
238
1. BFC(block formatting context,中文常译为块级格式化上下文)是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。在进行盒子元素布局的时候， BFC 提供了一个环境， 在这个环境中按照一定规则进行布局不会影响到 ...
分类：
Web程序 时间：
2016-07-24 23:55:35
阅读次数：
276
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spe ...
分类：
其他好文 时间：
2016-07-24 16:13:13
阅读次数：
150
1.BFC的概念 BFC全称Block Formatting Context ，中文直译为块级格式上下文。它是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。通俗的来说：BFC是一个独立的布局环境，我们可以理解为一个箱子（实际上是看不见摸 ...
分类：
Web程序 时间：
2016-07-24 00:16:34
阅读次数：
213
以前在做自适应两栏布局的时候别人口中听到bfc这个词，于是看了各种关于bfc的文章，发现梦想天空介绍的不错，今天就在他的基础上润色一下。 一、BFC是什么？ 在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CS ...
分类：
其他好文 时间：
2016-07-23 22:59:29
阅读次数：
191
1. BFC(block formatting context,中文常译为块级格式化上下文)是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关 系和相互作用。 在进行盒子元素布局的时候， BFC 提供了一个环境， 在这个环境中按照一定规则进 行布局不会 ...
分类：
其他好文 时间：
2016-07-23 12:07:10
阅读次数：
121
块级格式化上下文（Block Formatting Context）是网页CSS视觉渲染的一部分，并用于决定块盒子的布局。在定位体系（Positioning Scheme）中它属于常规流（Normal Flow）。 浮动、绝对定位元素（position 为 absolute 或 fixed）、行内块 ...
分类：
其他好文 时间：
2016-07-22 21:19:03
阅读次数：
142
认识和理解css布局中的BFC BFC的定义 是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。 Block Formatting Context 的元素的特点 其子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻 ...
分类：
Web程序 时间：
2016-07-22 16:09:22
阅读次数：
168
一：BFC是什么东东 了解BFC前先一了解一下Box和Formatting Context （1）B: BOX即盒子，页面的基本构成元素。分为 inline 、 block 和 run-in 三种类型的BOX （2）FC: Formatting Context是W3C的规范中的一种概念。它是页面中的 ...
分类：
其他好文 时间：
2016-07-20 13:26:15
阅读次数：
191
