Por que o excesso de hidden impede que os elementos flutuantes escapem de seu contêiner?

elementos flutuantes às vezes podem se estender além dos limites de seu contêiner, levando a layouts de página indesejáveis. Uma solução eficaz para esse problema é definir a propriedade 'Overflow' do contêiner como 'oculto'. Embora isso funcione bem na prática, seu mecanismo subjacente pode ser intrigante. Quando 'Overflow' está definido como 'Hidden', o contêiner estabelece um BFC. Os BFCs têm implicações significativas para carros alegóricos e compensação. Eles não se estendem além de seus limites ou interferem em elementos fora dele. Isso garante que os elementos flutuantes permaneçam contidos no espaço pretendido. A configuração de 'Overflow' para 'Hidden' cria um BFC e isola efetivamente os elementos flutuantes de qualquer influência externa. Como resultado, eles são impedidos de escapar de seu contêiner. Ele mantém um layout de página bem estruturado sem a necessidade de marcação adicional ou soluções alternativas complexas.