Truque CSS: fechar o contêiner pai depois que o elemento filho flutua

Nos últimos dois meses, tenho trabalhado como artista em vários sites de forma intermitente. No processo, ganhei uma melhor compreensão do desenvolvimento padrão do DIV+Css. Há duas coisas que mais me ganharam. Uma é que entendi completamente o CSS Box Model e a outra é que resolvi o problema de "elementos flutuantes fechados" que me incomoda há muito tempo:

De modo geral, se um elemento filho usa float, o elemento pai nem sempre pode saber exatamente onde o elemento filho termina, então a borda inferior do elemento pai sempre passa pelo meio ou mesmo pela parte superior do elemento filho, parecendo muito desconfortável.

A princípio, adicionei um
ou

após o elemento filho e defini seu atributo como "clear:all;", mas isso exigiria muitos espaços inúteis e até mesmo alguns espaços de sites. precisa modificar o código ASP para adicionar automaticamente essas tags vazias, o que só pode ser considerado como último recurso.

Mais tarde, descobri que quando a tag pai também está definida como flutuante, ela pode ser fechada na posição correta, então flutuei a tag pai facilmente. Dessa forma, muito código ASP não precisa ser alterado. a necessidade de adicionar o atributo Clear Se a tag vazia não puder ser adicionada a partir do modelo, mas precisar ser adicionada a partir do código ASP, não há necessidade de alterar o código ASP. Você só precisa definir o contêiner pai como flutuante. ainda precisa alterar o ASP e, em seguida, alterar o contêiner pai. Definir o contêiner pai para flutuante e flutuá-lo camada por camada sempre resolverá o problema. Embora isso possa evitar muitos problemas, pode facilmente fazer com que a página inteira seja preenchida com elementos flutuantes, -_-!!! Isso só pode ser considerado uma estratégia intermediária.

Mais tarde, quando estava pesquisando outras coisas na Internet, acidentalmente encontrei alguém que disse que apenas adicionar as duas propriedades a seguir às propriedades CSS do contêiner pai resolveria o problema:

estouro: automático;

_altura: 1%;

Eu tentei e funcionou muito bem. Desta forma, esta deve ser considerada a melhor forma de resolver este problema no momento: não há necessidade de modificar a tarefa da página e basicamente não há necessidade de modificar o pai. container - até mesmo o contêiner pai do contêiner pai. Se você fizer alguma alteração, basta adicionar dois atributos indiferentes ao contêiner pai e pronto.