BFC, 独立布局的规则
\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自动缩减宽度来适应浮动元素。
推荐阅读
- 汽车|埃安Y的诞生见证了着广汽埃安高端品牌的独立？
- 何能|布局素质教育 教育巨头为何能迅速推进？
- 汽车|稳固行业地位/扩展商业版图 LG化学事业部正式独立为LG新能源
- 知行动力|对话｜敢为，是日产布局未来汽车的重大突破
- 胖哥汽车|又一款“舒适王”，轴距3米配独立沙发座椅，还带电动双侧滑门
- 汽车|广汽埃安总经理：资本化不是最终目的 独立后将更科技化
- |全新领克01中欧同步预售，领克加速全球布局
- 金杯|华晨雷诺金杯首款LCV落地，雷诺赋能持续布局轻型商用车市场
- 汽车知识|长5.6米大空间，这款拖挂能上路还配独立厨卫！四口人用超舒适
- 千寻名车|奇瑞布局SUV，捷途X70有1.5T动力，开十年不怕坏，起步6.99万