引言： 这篇文章是我对BFC的理解及总结，带你揭开BFC的面纱。你将会知道BFC是什么，形成BFC的条件，BFC的相关特性，以及他的实际应用。 一、何为BFC BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说 ...
分类：
Web程序 时间：
2017-11-20 01:10:41
阅读次数：
236
如果你在面试的时候面试官让你谈谈对盒模型的理解，你是不是不知从何谈起。这种看似简单的题其实是最不好答的。 下面本文章将会从以下几个方面谈谈盒模型。 基本概念：标准模型 和IE模型 CSS如何设置这两种模型 JS如何设置获取盒模型对应的宽和高 实例题（根据盒模型解释边距重叠） BFC（边距重叠解决方案 ...
分类：
Web程序 时间：
2017-11-19 17:23:06
阅读次数：
164
# BFC 标签（空格分隔）： bfc web前端 ## 什么是BFC**BFC(block formatting context):块级格式化上下文,是w3c css2.1规范中的概念** 它是一种属性，会影响元素的定位以及子元素的布局，它决定了元素如何对内容进行定位，以及与其他元素的关系。 BF ...
分类：
其他好文 时间：
2017-11-13 19:52:43
阅读次数：
135
background：lineer-gradient（to right/90deg，red，yellow） 渐变/横向 border-radius：50% *** 圆角 box-shadow：x y 模糊值 外延线 颜色； BEM 块-元素-修饰符 margin，占用 不加margin 实际面积 W ...
分类：
其他好文 时间：
2017-11-12 20:55:00
阅读次数：
176
1、margin兼容性问题 1）margin-top传递，子元素上下margin会传递给父级 阻止：触发BFC（如overflow:hidden;拯救标准浏览器及IE78）、触发IE的haslayout zoom:1（拯救IE67）; 2）上下margin叠压（触发条件：同级元素，第一个元素的下与第 ...
分类：
其他好文 时间：
2017-11-12 19:22:07
阅读次数：
156
官网目前的安装步骤在最新版本的Ubuntu17.10 上会提示没有安装源，下面是针对17.10 安装步骤： 参考资料 与目前官网不同的地方在这里： ...
分类：
系统相关 时间：
2017-11-12 14:49:14
阅读次数：
165
一、定义 由于Django是动态网站，所有每次请求均会去数据进行相应的操作，当程序访问量大时，耗时必然会更加明显，最简单解决方式是使用：缓存，缓存将一个某个views的返回值保存至内存或者memcache中，5分钟内再有人来访问时，则不再去执行view中的操作，而是直接从内存或者Redis中之前缓存 ...
分类：
其他好文 时间：
2017-11-10 21:59:23
阅读次数：
178
一、BFC定义 “块级格式化上下文”，它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box 如何布局，并且与这个区域外部毫不相干。 二、BFC布局规则 内部的Box会在垂直方向，一个接一个的放置； Box垂直方向上的距离由margin决定，属于 ...
分类：
其他好文 时间：
2017-11-08 13:29:13
阅读次数：
143
USNews2018世界大学1250所排行榜（最全版） 中外学术情报<更多内容2017-10-27 09:00:00 USNews2018世界大学1250所排行榜（最全版） 中外学术情报<更多内容2017-10-27 09:00:00 10月24日，USNews发布2018世界大学排行榜，来自全球7 ...
分类：
其他好文 时间：
2017-11-06 00:39:52
阅读次数：
340
由于在学习CSS的display的属性值只针对block、inline、inline-block和flex进行过了解，并且自己观察得知列表中li的display属性是list-item，而想要触发BFC可以将容器类型定义为table-cell、tabble-caption和inline-block， ...
分类：
其他好文 时间：
2017-11-05 00:28:29
阅读次数：
235
