Jeg har flytende bilder og innfelt bokser på toppen av en container ved hjelp av float:right (eller venstre) mange ganger. Nylig traff jeg et behov for å flyte en div i nederste høyre hjørne av en annen div med den normale tekstinnpakningen du får med float (bare tekst pakket over og til venstre).
Jeg trodde dette må være relativt enkelt, selv om float ikke har noen bunnverdi, men jeg har ikke vært i stand til å gjøre det ved hjelp av en rekke teknikker, og søk på nettet har ikke kommet opp med noe annet enn å bruke absolutt posisjonering, men dette gir ikke riktig ordomslagsoppførsel.
Jeg hadde trodd dette ville være et veldig vanlig design, men tilsynelatende er det ikke det. Hvis ingen har et forslag, må jeg bryte teksten min opp i separate bokser og justere div manuelt, men det er ganske usikkert, og jeg hater å måtte gjøre det på hver side som trenger det.
EDIT: Bare et notat for alle som kommer hit. Spørsmålet som er lenket over som et duplikat, er faktisk ikke et duplikat. Kravet om at teksten skal omslutte det innfelte elementet gjør det helt annerledes. Faktisk gjør svaret på det øverste avstemte svaret her det klart hvorfor svaret i det lenkede spørsmålet er feil som svar på dette spørsmålet. Uansett ser det fortsatt ikke ut til å være noen generell løsning på dette problemet, men noen av løsningene som er lagt ut her og i det lenkede spørsmålet, kan fungere i spesifikke tilfeller.
Sett den overordnede diven til posisjon: relativ
, deretter den indre diven til ...
position: absolute;
bottom: 0;
...og der har du det :)
Etter å ha slitt med forskjellige teknikker i et par dager må jeg si at dette ser ut til å være umulig. Selv ved hjelp av javascript (som jeg ikke vil gjøre) virker det ikke mulig.
For å klargjøre for de som kanskje ikke har forstått - dette er hva jeg leter etter: i publisering er det ganske vanlig å sette opp et innlegg (bilde, tabell, figur osv.) slik at bunnen er på linje med bunnen av den siste tekstlinjen i en blokk (eller side) med tekst som flyter rundt innlegget på en naturlig måte over og til høyre eller venstre, avhengig av hvilken side av siden innlegget er på. I html/css er det trivielt å bruke float-stilen til å stille opp toppen av et innfelt med toppen av en blokk, men til min overraskelse ser det ut til å være umulig å stille opp bunnen av teksten og innfeltet til tross for at det er en vanlig layoutoppgave.
Jeg antar at jeg må revidere designmålene for dette elementet med mindre noen har et forslag i siste øyeblikk.