关键词：
1.流体特性
块级元素默认情况下，自动占满整个父容器，在添加margin，padding,border后，实际content区域自动变化
利用这个特性，可以实现宽度已知的多栏布局
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
.div2{margin:0 200px;}
.div1{float:left;width:200px}
.div3{float:right;width:200px}
center中margin可替换为padding,border，都可将中间栏的内容压缩，left和right也可通过absolute定位。
2.BFC（块级格式化上下文）
BFC是将该元素隔离开，无论元素内怎么变化，都不影响其外de元素
产生BFC的方式：1.overflow:hidden,auto,scroll;2.float不是none;3.position:absolute,fixed；4.display:inline-block,table-cell,table-caption
BFC和浮动实现自适应布局
.div1,div2{float:left;}
.div3{overflow:hidden;}
div1和div2宽度随内容变化，div3占满div1，div2剩下的部分。div3产生BFC，同时保留块级元素的流体特性。
css中块级格式化上下文（bfc）的特性与应用
一、何为BFC块级格式化上下文（BlockFormattingContext）是网页CSS视觉渲染的一部分，并用于决定盒子的布局。在定位体系中属于常规流(NormalFlow)（另外两种定位体系为浮动(Floats)和绝对定位(AbsolutePositioning)）。二、BFC如何形成BFC的形... 查看详情
css之bfc
BFC（BlockFormattingContext，块格式上下文）具有BFC特性的元素能够看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素。在CSS3中。BFC叫做FlowRoot。在CSS2.1中。有三种定位方案——普通流（NormalFlow），浮动（Floa... 查看详情
css学习_cssbfc特性（块级格式化上下文）
块级元素会有bfc条件------可以触发bfc--------利用bfc的特性来解决一些问题 1、什么是BFC？就是一个封闭独立的渲染的区域 2、什么元素会有BFC的条件？ ---块级元素会有，行内元素没有 3、什么情况下块级元素可以产生bfc... 查看详情
bfc的特性及使用场景
...块盒子的布局及浮动相互影响范围的一个区域。 BFC的特性： 1.属于同一个BFC的两个相邻Box的margin会发生折叠，不同BFC不会发生折叠 2.BFC的区域不会与浮动元素的区域重叠 3.BFC的高度包含浮动子元素的高度 4.BFC... 查看详情
揭开css中bfc的面纱
...的面纱。你将会知道BFC是什么，形成BFC的条件，BFC的相关特性，以及他的实际应用。一、何为BFC BFC（BlockFormattingContext）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说是一... 查看详情
布局中的bfc---重点是前言
...很模糊。问了一下度娘，看到张鑫旭的《CSS深入理解流体特性和BFC特性下多栏自适应布局》。呀，原来是这东东啊。BFC应该是前端的基础知识，也许很多前端er工作中经常用到，但是未必真的归纳总结过（自己躺枪），反正能完... 查看详情
学习总结：css块级与行级元素特性盒模型层模型bug与bfc浮动模型(代码片段)
...nTal2height:30px;font-size:13px;color:#009933一、元素的块级与行级特性在CSS属性display控制元素是否及如何显示的特性，常用的值有none、inline、block、inline-block，在CSS3中还有一些新的特性状态，在这里不做讨论。这里我们主要讨论display在... 查看详情
圣杯双飞翼布局多栏自适应布局bfc(代码片段)
...杯布局双飞翼布局圣杯布局和双飞翼布局CSS深入理解流体特性和BFC特性下多栏自适应布局块状元素的流体特性。图片宽度一直width:100%，结果随着margin, padding, border的出现，其可用宽度自动跟着减小，形成了自适应效果。... 查看详情
前端面试css系列——bfc
...以及盒子之间的关系和作用。解释说明Box(盒子)Box盒子是CSS布局的基本单位，在CSS中我们广泛的使用两种『盒子』——块级盒子和内联盒子。HTML元素的类型和display属性，决定了一个 查看详情
css中bfc和ifc
bfc定义：块级格式化上下文，他是一个独立的渲染区域，他规定了这个内部如何布局，并且与这个区域的外部毫不相干。BFC布局规则：内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的... 查看详情
css之bfc和ifc
BFCBFC(BlockFormattingContext) ------块级格式化上下文w3c规范定义：浮动元素和绝对定位元素，非块级盒子的块级容器（inline-blocks，table-cells，table-captions），以及overflow的值不为visiable的块级盒子，都会为它们的内容创建新的BFC相关... 查看详情
前端css必知：bfc及其触发条件(代码片段)
...ff0c;检测浮动高度，制作右侧自适应盒子4.bfc布局规则特性：5.两栏布局6.块元素高度不设或宽度不设的情况。将本人好久之前的云笔记搬到博客上来，统一维护。1.bfc的理解（块级格 查看详情
理解css布局和bfc(代码片段)
CSS布局中有一些概念，一旦你理解了它们，就能真正提高你的CSS布局能力。本文是关于块格式化上下文(BFC)的。你可能从未听说过这个术语，但是如果你曾经用CSS做过布局，你可能知道它是什么，理解什么是BFC... 查看详情
元素的bfc特性与自适应布局
...gContext",中文为"块级格式化上下文"。记住一句话：BFC元素特性表现原则就是，内部子元素再怎么翻江倒海，翻雨覆雨都不会影响外部的元素。所以，避免margin穿透、清楚浮动什么的也就好理解了。什么时候出发BFC呢？常见的情况... 查看详情
css3bfc定位浮动7种垂直居中方法
...2.6、菜单2.7、:target伪类三、浮动3.1、float取值3.2、float的特性3.3、清除浮动3.3.1、清除外部浮动3.3.2、清除内部浮动四、多种居中办法4.1、块标签自身水平居中4.2、块 查看详情
前端面试题6道开胃菜css+js+vue(代码片段)
...用呢？当开启元素的BFC以后，元素将会具有那些特性：1、父元素的垂直外边距不会和子元素重叠2、开启BFC的元素不会被浮动元素所覆盖3、开启BFC的元素可以包含浮动的子元素二：类与ID的区别：1、使用范围... 查看详情
css之bfc
1，定义 BFC为块级格式化上下文，也就是一块区域内的封闭空间，里面元素无论怎么样，都不会影响外部元素。2，触发条件html根元素display的值为inline-block、table-cell和table-caption中的任何一个position的值不为relative和st... 查看详情
mysql之流程控制语句
参考技术AMYSQL的流程控制语句也只能用于存储过程，主要有3类：跳转语句ITERATE：只能用在循环语句内，表示重新开始循环。LEAVE：可以用在循环语句内，或者以BEGIN和END包裹起来的程序体内，表示跳出循环或跳出程序体的操作。... 查看详情