前端CSS-----网上许多文章BFC说法的矛盾,本人看W3C文档的理解

详情请看:http://www.w3.org/TR/CSS2/visuren.html#containing-block

下面是我从文章复制过来的一段:


9.4 Normal flow

Boxes in the normal flow belong to a formatting context, which may be block or inline, but not both simultaneously. Block-level boxes participate in a block formatting context. Inline-level boxes participate in an inline formatting context.
大意是:盒子在正常流中有两种,要么是块级别,要么是行内级别的;块级别的是按照block formatting context
渲染的 (博主:不知道是不是国内说的BFC),而行内级别是由 inline formatting context 渲染的, 博主:不知道是不是国内说的IFC)  .


9.4.1 Block formatting contexts
接下来的小节阐述 Block formatting contexts,下面这段话最重要:

Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, and block boxes with 'overflow' other than 'visible' (except when that value has been propagated to the viewport) establish new block formatting contexts for their contents.

floats, absolute 定位元素,块级是 (博主say: display属性为这几者的)inline-blocks, table-cells, and table-captions ,'overflow' 属性不是visible的;他们都不是block boxes,这几种都建立了一种新的 block formatting contexts。

所以是不是有两种block formatting context

一种是正常流中的,一种是满足以上条件的。所以网上的文章满足以上划线部分的,有特定的规则,比如可以从左到右排布,正常流中,块极元素大小无论尺寸多小,都是独占一行,不会有从左右排布的规则

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值