BFC, 独立布局的规则 \u0026lt;div

\u0026lt;div id=\u0026#39;container\u0026#39; style=\u0026#39;触发BFC\u0026#39;\u0026gt;\u0026lt;div id=\u0026#39;left\u0026#39; style=\u0026#39;float:left\u0026#39;\u0026gt;\u0026lt;/div\u0026gt;\u0026lt;div id=\u0026#39;right\u0026#39; style=\u0026#39;触发BFC或者不触发BFC对应文中两种情况\u0026#39;\u0026gt;\u0026lt;/div\u0026gt;\u0026lt;/div\u0026gt;上述代码中，如果#right不触发BFC，那么这个元素会贴着#container的左边，而显然，#left也会贴着#container的左边，也就是这两个元素会重叠。
但是BFC布局规则有一条，BFC内外互不影响，而浮动元素显然是一个BFC，为了避免引起误解。所以才加一句 “即使存在浮动也是如此”。
【BFC, 独立布局的规则】 “除非这个元素也创建了一个新的BFC”，这句话就是说如果#right触发了BFC，那么这个元素就可以不用贴着容器#container的左边了（并不是一定不贴着，只是可以不贴着，受其他布局规则影响。）。在这个例子里，#right就不会贴着#container的左边，而是贴着#left的右边，这是因为“两个兄弟BFC不能重叠”，非浮动BFC自动缩减宽度来适应浮动元素。

BFC, 独立布局的规则

推荐阅读

王青|10月金融数据环比现回落支持实体结构特征将更凸显

中新经纬|【财经早汇】7月份以来逾三成个股日均换手率超5%

疾病保健常识血压高就需要吃药么？不同人处理方式不同，吃不吃药主要看3指标

两机动力控制|【行业动态】俄UEC公司将为TV7-117发动机创建第二级数字孪生模型

想请教下人生规划

橄榄油的丰胸方法橄榄油能丰胸吗？吃什么食物可以增强丰胸方法？

满天星所有颜色的花语寓意满天星所有颜色的花语

浅灰色地板床是深紫色衣柜都是白色的窗帘应该配啥颜色求解实在想不出来

科普｜一图读懂《反间谍法》

「团子出行」疫情过后，你最想干的事是啥！

父母教养孩子的方式，决定子女将来在“朋友圈”的层次

新华网|卡塔尔航空公司向沙特等四国提出巨额索赔

钨丝科技▲重置都不管用，安全专家：Android超级恶意软件来袭

[blackpink]BLACK PINK公开回归单曲名字以及预告照！！！

秀外聊娱乐▲原始部落美女长什么样？埃塞俄比亚女性以“大盘嘴”为美

观众|原创易烊千玺、任嘉伦相继放弃金鹰奖，粉丝停止投票，王一博成受益者

‘视频看房功能’能否帮助租客更加清晰的了解房子真实情况，从而提升撮合效率

冷言|曝吉利Preface量产版，VOLVO:就差一个标了

南京文旅局：寮国车祸致12名中国人遇难将积极对接领事馆

「小丹说车在线」蜜语甜言，越痛苦越不舍，情深万种，前情重燃，未来18天