程序博客网 > 文明6秘籍控制台mac版

块格式化上下文（BlockFormattingContext）

来源：互联网发布：文明6秘籍控制台mac版编辑：程序博客网时间：2024/06/09 23:40

原文地址：http://www.cnblogs.com/elcarim5efil/p/4745796.html

原文地址中有些图片不能正确显示了，在转载的地址还能够正确浏览图片。

其他转载：http://web.jobbole.com/83274/

挑其中的重点来说一说。

BFC创建方法

根元素（<html>）或其它包含它的元素；
浮动 (元素的float不为none)；
绝对定位元素 (元素的position为absolute或fixed)；
行内块inline-blocks(元素的 display: inline-block)；
表格单元格(元素的display: table-cell，HTML表格单元格默认属性)；
overflow的值不为visible的元素；
弹性盒 flex boxes (元素的display: flex或inline-flex)；

注意：一个块格式化上下文包括创建它的元素内部所有内容，除了被包含于创建新的块级格式化上下文的后代元素内的元素。

BFC效果、特性

建立一个隔离的空间，断绝空间内外元素间相互的作用
内部的盒会在垂直方向一个接一个排列（可以看作BFC中有一个的常规流）；
处于同一个BFC中的元素相互影响，可能会发生margin collapse；
每个元素的margin box的左边，与容器块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此；
BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然；
计算BFC的高度时，考虑BFC所包含的所有元素，连浮动元素也参与计算；
浮动盒区域不叠加到BFC上；

阅读全文

0 0

文明6秘籍控制台mac版

文明6秘籍控制台mac版

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子哪里可以鉴定古董网上怎么鉴定古董我想买只宠物狗那只小奶狗关于那只小奶狗便宜宠物狗买号平台买号街买号买号网站淘宝买号东原阅城房子能买么买号么平台买号么艾尔之光买号么交易平台买号么app 购买电话号码遮挡号牌怎么处罚 12123预选号牌遮挡号牌故意遮挡号牌怎么处罚故意遮挡号牌号牌种类临时号牌使用规定酒店工号牌工号牌价格高档工号牌台号牌故意遮挡号牌电子眼能拍到吗制作工号牌员工工号牌遮挡号牌必须抓现场吗不锈钢工号牌员工号牌员工工号牌图片胸牌工号牌遮挡号牌不被现场逮住有事吗公司工号牌酒吧工号牌工号牌制作贵阳市小客车专段号牌