濂借喘鐗╃綉goodmai銆俢omIT鎶€鏈氦鏄撳钩鍙?.BFC鍚箟馃挸BFC鍏ㄧО锛欱lockFormattingContexts鍧楃骇鍏冪礌鏍煎紡鍖栦笂涓嬫枃W3CCSS2.1瑙勮寖涓殑涓€涓蹇碉紝瀹冩槸涓€涓嫭绔嬬殑瀹瑰櫒锛屽喅瀹氫簡鍧楃骇鍏冪礌濡備綍甯冨眬鍏跺唴瀹癸紝浠ュ強涓庡叾浠栧厓绱犵殑鍏崇郴鍜岀浉浜掑叧绯汇€備竴涓〉闈㈢敱璁稿Box缁勬垚銆傚厓绱犵殑type鍜宒isplay灞炴€у喅瀹氫簡Box鐨勭被鍨嬨€備笉鍚岀被鍨嬬殑Boxes浼氬弬涓庝笉鍚岀殑FormattingContexts锛堝喅瀹氬浣曟覆鏌撴枃妗ontainer锛塀FC鍐呴儴鍏冪礌鍜屽閮ㄥ厓绱犱笉浼氫簰鐩稿奖鍝崀~2.BFC瑙﹀彂鏉′欢馃敤婊¤冻浠ヤ笅鏉′欢涔嬩竴鍗冲彲瑙﹀彂BFC鏍瑰厓绱犮€俧loat鐨勫彇鍊间笉鏄痭oneoverflow锛屽彇鍊间笉鏄痸isibledisplay锛屽彇鍊兼槸inline-block锛宼able-cell锛宼able-captionposition鐨勫彇鍊兼槸absolute鎴栬€協ixed3銆侭FC甯冨眬瑙勫垯馃敀娴姩鍏冪礌浼氱敱parent璁＄畻锛坧arent瑙﹀彂BFC锛夐潪娴姩鍏冪礌涓嶄細瑕嗙洊娴姩鍏冪礌鐨勪綅缃紙Non-floatingelementstriggerBFC锛塵argin涓嶄細浼犻€掔粰parent锛坧arent瑙﹀彂BFC锛夊睘浜庡悓涓€BFC鐨勪袱涓浉閭籅ox鐨勮竟璺濆皢閲嶅彔銆侭FC鍦ㄩ〉闈笂鏄竴涓殧绂荤嫭绔嬬殑瀹瑰櫒锛屽鍣ㄥ唴鐨勫瓙鍏冪礌涓嶄細娴姩锛屽厓绱犲湪褰卞搷鍒板閮ㄥ厓绱犳椂涔熶細鍙備笌BFC楂樺害鐨勮绠椼€侭FC鐨勫尯鍩熶笉浼氬拰娴姩妗嗛噸鍙犮€?锛夊彲浠ユ竻闄ゅ唴閮ㄦ诞鍔ㄢ椌4锛夊彲浠ラ槻姝argin閲嶅彔BFC鍦ㄥ墠绔〉闈㈠竷灞€涓緢甯歌涔熷緢閲嶈~鏈枃鏉ヨ嚜鍗氬鍥紝浣滆€咃細涓嶇煡鍚嶅墠绔潕灏忕櫧锛岃浆杞借娉ㄦ槑
