`

establish a new block formatting context

    博客分类：
  • CSS
CSSBlog 
阅读更多
Any block element can establish a new block formatting context if it has one of the
following property/value pairs set on it: 
float: left
float: right
position: absolute
display: inline-block
display: inline-table
display: table-cell
display: table
overflow: auto
overflow: scroll
overflow: hidden


参考：
http://www.communitymx.com/content/article.cfm?page=1&cid=6BC9D
http://www.yuiblog.com/blog/2010/05/19/css-101-block-formatting-contexts/
分享到：
| 10个技巧帮你搞定IE 6
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Block Formatting Contexts Demo

    2. **溢出处理**：`overflow`属性可以创建Block Formatting Context，当设置为`hidden`、`scroll`或`auto`时，元素的溢出内容会被隐藏，且内部的Block Formatting Context将独立于外部环境。 3. **边距折叠**：在...

    css布局之BFC模式（block formatting context）

    主要介绍了css布局之BFC模式（block formatting context），通过BFC盒子的一些特性和应用场景解释了BFC模式，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。

    Box Formatting Context

    BFC是Box Formatting Context的缩写

    HTML 38 道面试题及答案.docx

    Block Formatting Context（BFC）是一种独立的渲染区域，只有 Block-level box 参与。它规定了内部的 Block-level Box 如何布局，并且与这个区域外部毫不相干。 BFC 的布局规则： A. 内部的 Box 会在垂直方向，一...

    如何理解 CSS 布局和块级格式上下文

    本文系翻译自 Rachel Andrew 女士的博文Understanding CSS Layout And The Block Formatting Context ，内容足够简洁明了。 本文的目的是介绍一些概念，来帮你增强 CSS 码力。如标题所示，这篇文章主要是讲 块级格式...

    Web-前端html+css从入门到精通 132. BFC规范（上）.zip

    BFC（Block Formatting Context，块级格式化上下文）是CSS布局中的一个重要概念，对于理解和解决网页布局问题有着至关重要的作用。本篇将深入探讨BFC规范，帮助初学者从入门到精通。 BFC全称为Block Formatting ...

    Basic Visual Formatting in CSS

    Learn the details of element box types, including block, inline, inline-block, list-item, and run-in boxes ■ Change the type of box an element generates, from inline to block, or list-item to inline ...

    System.Net.Http.Formatting.dll

    System.Net.Http.Formatting.dll

    诱发BFC的原因及处理方案

    Block Formatting Context是CSS布局中的一个重要概念，它定义了一块独立的渲染区域，其中的元素布局规则与其他区域不同。BFC是普通流的一部分，但它具有独立性，其内部元素不会影响到外部元素。 **三、触发BFC的...

    2022最新Web前端经典面试试题及答案——CSS篇.docx

    BFC 是 Block Formatting Context 的缩写，指的是页面上一个独立的容器，容器内部的子元素不会影响到外部的元素。BFC 的区域有一个独立的块级渲染区域，该区域有一个套渲染规则来约束盒子的布局，与外部的区域没有...

    个人练习+笔记.zip

    在IT行业中，尤其是在Web前端开发领域，理解和掌握Block Formatting Context（BFC）以及表格布局是至关重要的技能。这里，我们详细探讨这两个知识点，并结合浮动塌陷这一相关概念，以帮助你深化理解。 Block ...

    System.Net.Http.Formatting各版本.zip

    在.NET框架中，`System.Net.Http.Formatting`是一个关键的组件，主要用于处理HTTP客户端的输入和输出数据格式化。这个库提供了对JSON（JavaScript Object Notation）和XML等数据格式的支持，使得C#开发者能够方便地...

    HTML+CSS知识（4）

    #### BFC (Block Formatting Context) 和 IFC (Inline Formatting Context) - **BFC (Block Formatting Context)**: 块级格式化上下文，定义了内部的块级元素如何布局以及与外部的关系。例如，块级元素默认独占一行...

    System.Net.Http.Formatting 4.0各版本

    System.Net.Http.Formatting 4.0 是ASP.NET Web API框架中的一个重要组成部分，主要用于处理HTTP消息的序列化和反序列化，支持JSON、XML等多种数据格式。这个库为C#开发者提供了强大的工具，使得在构建RESTful服务时...

    inline-block 前世今生1

    hasLayout是一个IE特有的概念，意味着元素成为一个独立的矩形容器，可以设置宽度和高度，并且不受周围元素的影响，类似于现代浏览器中的Block formatting contexts（块级格式化上下文）。 在处理IE6和IE7的display:...

    System.Net.Http.Formatting.xml

    System.Net.Http.Formatting.xml

    CSS理解块级格式上下文（BFC）

    BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box（块级元素）参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干. 通俗地来说：创建...

    HTML热门面试题及详细解析

    1. 定义：BFC（Block Formatting Context）直译为“块级格式化上下文”。它是一个独立的渲染区域，只有 Block-level box 参与，规定了内部的 Block-level Box 如何布局，并且与这个区域外部毫不相干。 布局规则： ...

Magicbox
Global site tag (gtag.js) - Google Analytics