A, BFC (diseño lógico) contexto de formato de bloque de nivel:
BFC (Bloque formatear contexto) traducido literalmente como "contexto de formato a nivel de bloque." Es un área de representación independiente, la participación única caja a nivel de bloque (bloque), que especifica cómo el nivel de bloque diseño interior de la caja, e irrelevante para la región externa.
Dos, diseño BFC proporciona:
1: caja dentro de la dirección vertical, colocados uno detrás;
2: distancia vertical Box está determinado por el margen. Box dos margen adyacente de solapamiento BFC pertenecen a la misma (en el ajuste máximo margen) se produce;
3: la caja margen izquierdo para cada elemento, en contacto con el cuadro de borde izquierdo que comprende un bloque;
4: BFC región no se solapa con la caja del flotador;
5: BFC está aislado en una página de recipientes separados, el recipiente no afecta el interior hacia el exterior de los sub-elementos del elemento;
6: En el cálculo de la altura de la BFC, los elementos flotantes también están involucrados en el cálculo.
disparadores tres, BFC:
1: HTML es un BFC;
2: propiedad float no es ninguno;
3: posición es absoluta o fija;
4: pantalla 为 inline-block,-celda de la tabla, tabla-caption, flexión, inline-flex;
5: desbordamiento no es visible.