Obrázky a vložené boxy v hornej časti kontajnera som už mnohokrát umiestnil pomocou float:right (alebo left). Nedávno som narazil na potrebu floatovať div v pravom dolnom rohu iného divu s normálnym obtekaním textu, ktoré sa dosiahne pomocou float (text sa obteká len hore a vľavo).
Myslel som si, že to musí byť relatívne jednoduché, aj keď float nemá žiadnu dolnú hodnotu, ale nepodarilo sa mi to pomocou viacerých techník a hľadanie na webe neprinieslo nič iné ako použitie absolútneho pozicionovania, ktoré však neposkytuje správne správanie pri obtekaní textu.
Myslel som si, že to bude veľmi bežný dizajn, ale zrejme nie je. Ak nikto nemá návrh, budem musieť rozdeliť text do samostatných polí a zarovnať div ručne, ale to je dosť neisté a nerád by som to robil na každej stránke, ktorá to potrebuje.
EDIT: Len poznámka pre každého, kto sem príde. Otázka, ktorá je vyššie uvedená ako duplicitná, v skutočnosti duplicitná nie je. Požiadavka, aby sa text obtáčal okolo vloženého prvku, ju robí úplne odlišnou. V skutočnosti je tu v odpovedi na najčastejšie hlasovanú odpoveď jasne uvedené, prečo je odpoveď v odkazovanej otázke nesprávna ako odpoveď na túto otázku. Každopádne sa zdá, že stále neexistuje všeobecné riešenie tohto problému, ale niektoré z riešení uverejnených tu a v prepojenej otázke môžu fungovať v špecifických prípadoch.
Nastavte nadradený div na position: relative
, potom vnútorný div na...
position: absolute;
bottom: 0;
...a je to :)
Po niekoľkých dňoch boja s rôznymi technikami musím povedať, že sa to zdá byť nemožné. Dokonca ani pomocou javascriptu (čo nechcem robiť) sa to nezdá byť možné.
Aby som to vysvetlil tým, ktorí to možno nepochopili - hľadám toto: v publikačnej činnosti je celkom bežné rozvrhnúť vložku (obrázok, tabuľku, obrázok atď.) tak, aby sa jej spodok zarovnával so spodkom posledného riadku textu bloku (alebo stránky), pričom text okolo vložky prirodzene preteká hore a vpravo alebo vľavo podľa toho, na ktorej strane stránky sa vložka nachádza. V html/css je triviálne použiť štýl float na zarovnanie hornej časti vložky s hornou časťou bloku, ale na moje prekvapenie sa zdá, že nie je možné zarovnať spodnú časť textu a vložky napriek tomu, že je to bežná úloha rozloženia.
Myslím, že budem musieť prehodnotiť ciele návrhu tohto prvku, ak niekto nemá návrh na poslednú chvíľu.