Quantcast
Channel: 《详说 Block Formatting Contexts (块级格式化上下文)》的评论
Browsing all 27 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

作者:Kayo

@aisin 很多表现方面的问题其实都是因为底层有一些不了解的规则,了解了这些规则,很多网页重构的问题自然就会迎刃而解

View Article



作者:小民

文中说绝对定位布局中,元素会整体脱离普通流,因此绝对定位元素不会对其兄弟元素造成影响。这个没有理解。我认为是绝对定位中该元素是不属于普通流的,但是绝对定位却触发现代浏览器的Bfc特性同时触发IE专属的layout使得浏览器解析为独立容器

View Article

作者:Kayo

<a href="#comment-6955" rel="nofollow">@小民...

View Article

作者:IE BUG相关文章集合 |在代码上跳舞

[…] 详说 Block Formatting Contexts (块级格式化上下文) […]

View Article

作者:ie Bug文章集合 | FashionGardon 时尚花园

[…] 详说 Block Formatting Contexts (块级格式化上下文) […]

View Article


作者:doutianye

给力的分析,总结的很好,但是提一个建议,怎么把Go to the Top 跟随滚动条滚动,不要放在底下。你这么做是为了我们留言吗?

View Article

作者:不羁的风

非常棒的文章,谢谢! 整体阅读完后, 我又一个疑惑. float: [^none] 是元素脱离文档流; 而同时, float: [^none] 又会产生BFC; 而文中又说了BFC是元素为普通流, 那么我的疑惑就是float的元素是普通流还是脱离文档流?

View Article

作者:tcConfig

我也有些疑问,众所周知浮动元素是脱离文档流的。但是在普通文档流中给一个div设置浮动,这个div也就有了BFC,但是上文说BFC是存在于普通文档流的,而此时div已经脱离了文档流,这点该怎么理解呢?

View Article


作者:子顾

怎么理解BFC是属于普通文档流的,不会对兄弟元素产生影响?这里说的对兄弟元素产生的影响指的是什么来的,那浮动流和绝对定位会对兄弟元素产生影响吗?

View Article


作者:子顾

后面又说到一句,BFC 就是一种属性,这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。 这里是不是有些冲突?

View Article

作者:详说 Block Formatting Contexts (块级格式化上下文) - 喜欢哟

[…] 原文地址:http://kayosite.com/block-formatting-contexts-in-detail.html […]

View Article

作者:Natumsol

你好,关于你说的"<strong>但第一个 div 出现了“高度塌陷”,这是因为内部的浮动元素脱离了普通流,因此该 div 相当于一个空标签,没有高度和宽度,即高度为 0 ,上下边框也重叠在一起。</strong>"我有一点疑问,我觉得该div没有高度,但是有宽度,因为内部的浮动元素高度信息被破坏掉了,但是宽度信息没有。

View Article

作者:Yugz

<a href="#comment-97025" rel="nofollow">@Natumsol </a> div如果没有明确指定宽度,那么宽度默认是父级元素的宽度。所以div的宽度与子float元素无关

View Article


作者:Meteor-Liu

我貌似发现你说的 BFC 的特性有点问题: 1. <strong> BFC 可以阻止外边距折叠</strong> 我在 DEMO 里用开发工具看的盒模型<strong>并没有组织折叠</strong>,并且自己也测试了下,仍然保持外边距折叠。 2. <strong>BFC 可以阻止元素被浮动元素覆盖</strong>...

View Article

Image may be NSFW.
Clik here to view.

作者:Meteor-Liu

如果我的发现有误,希望能够指点以下,来自一名刚学习前端不久的新手~

View Article


作者:Meteor-Liu

我的第二个发现有误: 设置了 BFC 的元素确实是会尊重浮动元素的盒模型.(不包括设置了 BFC 的元素的 margin)

View Article

作者:Meteor-Liu

我的理解有误,不好意思。后来发现确实可以避免外边距折叠。 原来创建块级格式上下文的元素本身并没有在新的块级格式上下文中,只是嵌套在它内部的内容进入了新的块级格式上下文。

View Article


评论者:Kayo

回复给<a href="https://kayosite.com/block-formatting-contexts-in-detail.html/comment-page-1#comment-6955">小民</a>。 <a href="#comment-6955" rel="nofollow">@小民...

View Article

评论者:IE BUG相关文章集合 |在代码上跳舞

[…] 详说 Block Formatting Contexts (块级格式化上下文) […]

View Article

评论者:ie Bug文章集合 | FashionGardon 时尚花园

[…] 详说 Block Formatting Contexts (块级格式化上下文) […]

View Article
Browsing all 27 articles
Browse latest View live


Latest Images