作者:小民
文中说绝对定位布局中,元素会整体脱离普通流,因此绝对定位元素不会对其兄弟元素造成影响。这个没有理解。我认为是绝对定位中该元素是不属于普通流的,但是绝对定位却触发现代浏览器的Bfc特性同时触发IE专属的layout使得浏览器解析为独立容器
View Article作者:不羁的风
非常棒的文章,谢谢! 整体阅读完后, 我又一个疑惑. float: [^none] 是元素脱离文档流; 而同时, float: [^none] 又会产生BFC; 而文中又说了BFC是元素为普通流, 那么我的疑惑就是float的元素是普通流还是脱离文档流?
View Article作者:tcConfig
我也有些疑问,众所周知浮动元素是脱离文档流的。但是在普通文档流中给一个div设置浮动,这个div也就有了BFC,但是上文说BFC是存在于普通文档流的,而此时div已经脱离了文档流,这点该怎么理解呢?
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作者: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