Em CSS, ooverflow:hidden é definido em contêineres pai para permitir que ele se expanda com a altura de seus filhos flutuantes.

Mas também tem outro recurso interessante quando combinado commargin: auto...

Se o irmão ANTERIOR for um elemento flutuante, ele realmente aparecerá justaposto a ele. Ou seja, se o irmão éfloat:left então o recipiente comfloat:none overflow:hidden aparecerá à direita do irmão, sem nova linha - como se estivesse flutuando no fluxo normal. Se o irmão anterior forfloat:right então o contêiner aparecerá à esquerda do irmão. O redimensionamento deste contêiner mostrará com precisão o centro entre os elementos flutuantes. Diga se você tem dois irmãos anteriores, umfloat:left o outrofloat:right, o contêiner aparecerá centralizado entre os dois.

Então aqui está oproblema...

Como mantenho esse tipo de layout SEM mascarar crianças?

Pesquisando em toda a web, eu mostro maneiras de comoclear:both e expanda um contêiner ... mas não consigo encontrar nenhuma solução alternativa para manter a centralização do filho anterior esquerda / direita. Se você fizer o recipienteoverflow:visible de repente, o contêiner ignora o fluxo de layout dos elementos flutuantes e aparece em camadas no topo do elemento flutuante.

assimPergunta, questão:

Eu tenho que ter o containeroverflow:hidden para preservar o layout ...

como posso fazer para que as crianças não sejam mascaradas? Eu preciso ter o filho absolutamente posicionado em relação ao pai fora do contêiner.

OU

Como é que euoverflow:visible para que eu possa posicionar absolutamente um filho em relação ao pai fora do contêiner ... AINDA preservar o fluxo de layout flutuante como o irmão?