Como faço para que um mergulho flutue até ao fundo do seu contentor?

Eu tenho imagens flutuadas e caixas de inset no topo de um recipiente usando float:direita (ou esquerda) muitas vezes. Recentemente, eu tive a necessidade de fazer flutuar um mergulho no canto inferior direito de outro mergulho com o texto normal que você recebe com float (texto embrulhado acima e apenas para a esquerda).

Eu pensei que isto deve ser relativamente fácil mesmo que a flutuação não tenha valor de fundo mas eu tenho'não fui capaz de fazê-lo usando uma série de técnicas e pesquisando na web temn'não tenho nada além de usar posicionamento absoluto mas isto não'não dá o comportamento correto de embrulho da palavra.

Eu tinha pensado que este seria um desenho muito comum, mas aparentemente é't. Se ninguém tem uma sugestão I'terá que dividir meu texto em caixas separadas e alinhar o mergulho manualmente, mas isso é bastante precário e I'odiaria ter que fazer isso em todas as páginas que precisam dele.

EDIT: Só uma nota para quem vier aqui. A questão ligada acima como um duplicado não é, na verdade, um duplicado. O requisito de que o texto envolva o elemento inset torna-o completamente diferente. Na verdade, a resposta ao topo da resposta votada aqui deixa claro porque a resposta na pergunta ligada está errada como resposta a esta pergunta. De qualquer forma, ainda não'não parece haver uma solução geral para este problema, mas algumas das soluções postadas aqui e na pergunta vinculada podem funcionar para casos específicos.

Coloque o mergulho pai em "posição: parente", depois o mergulho interior em...

position: absolute; 
bottom: 0;

...e lá vais tu :)

Comentários (6)
Solução

Depois de lutar com várias técnicas durante alguns dias, tenho de dizer que isto parece ser impossível. Mesmo usando javascript (que eu não't quero fazer) não parece't possível.

Para esclarecer para aqueles que podem não ter entendido - isto é o que eu procuro: ao publicar é bastante comum colocar um inserção (figura, tabela, figura, etc.) para que suas linhas inferiores subam com o fundo da última linha de texto de um bloco (ou página) com o texto fluindo ao redor do inserção de forma natural acima e para a direita ou esquerda, dependendo do lado da página em que o inserção está. Em html/css é trivial usar o estilo float para alinhar o topo de um inset com o topo de um bloco, mas para minha surpresa parece impossível alinhar o fundo do texto e o inset apesar de ser uma tarefa de layout comum.

Acho que I'terá que revisitar os objetivos do design para este item, a menos que alguém tenha uma sugestão de última hora.

Comentários (4)

Coloque o div em outro div e defina o estilo do pai div's para position:relative; Depois no div filho div defina as seguintes propriedades CSS: position:absolute; bottom:0;

Comentários (2)