BFC(Block formatting context) 直译为"块级格式化上下文"。元素的显示模式 我们前面讲过 元素的显示模式 display。 分为 块级元素 行内元素 行内块元素 ，其实，它还有很多其他显示模式。 <img src="media/dis.png" style="border ...
分类：
其他好文 时间：
2018-04-22 22:07:06
阅读次数：
215
基础强化篇 聊一聊前端存储。 BFC 聊一聊前端存储。 BFC 前端工程化篇 场景：你是第一天来公司上班的，项目代码托管在GitLab，项目地址：git@lab.com:org/project.git,现在有一处代码需要你修改。请下完成此项任务中，与git/gitlab相关的操作步骤。 CSS，JS ...
分类：
Web程序 时间：
2018-04-20 16:03:17
阅读次数：
207
首先按照常规解释一下名词，BFC(Block formatting context)直译为"块级格式化上下文"。一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局和渲染，并且有一套自己的渲染规则，它决定了其子元素将如何定位，以及和其他元 ...
分类：
其他好文 时间：
2018-04-09 15:06:53
阅读次数：
167
W3C 规范中 BFC的定义： 浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（块级格式上下文）。 在BFC中，盒 ...
分类：
其他好文 时间：
2018-04-06 23:48:15
阅读次数：
214
构造方法 kotlin中, 一个类的构造方法有好几种形式 constructor关键字 constructor简写形式 也可以写为 也可以使用lateinit表示的是延迟加载, kotlin的类的所有属性在定义时, 都要手动初始化, 但如果不想手动初始化, 那么可以使用lateinit 来修饰 上面 ...
分类：
其他好文 时间：
2018-04-02 15:57:45
阅读次数：
154
1、BFC 块级格式化上下文 具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。 2、满足一下条件即可触发BFC body 根元素 浮动元素：float 除 none 以外的值 绝对定位元素：position ...
分类：
其他好文 时间：
2018-03-27 01:58:47
阅读次数：
172
block formatting contextsFloats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are no... ...
分类：
其他好文 时间：
2018-03-23 14:13:46
阅读次数：
176
CSS BFC "BFC w3c" "掘金 理解CSS布局和BFC" "掘金 深入理解BFC和Margin Collapse" ...
分类：
其他好文 时间：
2018-03-20 10:37:03
阅读次数：
118
在布局中一般就三种定位方式：普通流、浮动、绝对定位。 BFC，译过来叫作“块级格式化上下文”，听起来贼高大上，它属于普通流的一种。通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部的布局。 假如我在body里面写两个div如下： 给他们都添加如下样 ...
分类：
其他好文 时间：
2018-03-15 20:16:04
阅读次数：
145
一面： 1.自我介绍 2.说说自己做的前端项目 3.为什么想去做前端。 4.WEB存储的方法。 答了cookie、userdata、localStorage、sessionStorage、Indexed Database API以及它们的区别 5.跨域是什么，有哪些方法。 讲了同源策略限制、CORS ...
分类：
其他好文 时间：
2018-03-13 21:08:15
阅读次数：
242
