de-vraag
  • Otázky
  • Značky
  • Používatelia
Oznámenia
Odmeny
Registrácia
Po registrácii budete informovaní o odpovediach a komentároch na vaše otázky.
Prihlásiť sa
Ak už máte konto, prihláste sa a skontrolujte nové oznámenia.
Za pridané otázky, odpovede a komentáre budú udelené odmeny.
Viac na
Zdroj
Upraviť
Stephen Martin
Stephen Martin
Question

Ako dosiahnem, aby div plával na dne svojho kontajnera?

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.

268 2008-11-23T01:29:04+00:00 3
Stephen Martin
Stephen Martin
Edited question 29 marec 2017 в 6:48
Programovanie
html
css
This question has 1 odpoveď in English, to read them log in to your account.
Timothy Khouri
Timothy Khouri
23 november 2008 в 1:56
2008-11-23T01:56:39+00:00
Viac na
Zdroj
Upraviť
#8650842

Nastavte nadradený div na position: relative, potom vnútorný div na...

position: absolute; 
bottom: 0;

...a je to :)

 Dozer789
Dozer789
Edited answer 18 január 2014 в 6:29
290
0
Solution / Answer
Stephen Martin
Stephen Martin
24 november 2008 в 5:24
2008-11-24T17:24:14+00:00
Viac na
Zdroj
Upraviť
#8650844

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.

47
0
 Yona
Yona
23 november 2008 в 1:59
2008-11-23T01:59:51+00:00
Viac na
Zdroj
Upraviť
#8650843

Vložte tento div do iného divu a nastavte štýl rodičovského divu na position:relative; Potom v podriadenom depe nastavte nasledujúce vlastnosti CSS: position:absolute; bottom:0;

Josh Crozier
Josh Crozier
Edited answer 17 október 2013 в 10:54
9
0
Pridať otázku
Kategórie
Všetky
Technológia
Kultúra / Rekreácia
Život / Umenie
Veda
Profesionálne
Obchod
Používatelia
Všetky
New
Popular
1
Jasur Fozilov
Registered pred 10 hodinami
2
Zuxriddin Muydinov
Registered pred dňom
3
Денис Анненский
Registered pred 3 dňami
4
365
Registered pred týždňom
5
True Image
Registered pred týždňom
DE
EL
ES
FR
ID
IT
JA
KO
NL
PT
RU
SK
TR
ZH
© de-vraag 2022
Zdroj
stackoverflow.com
na základe licencie cc by-sa 3.0 s uvedením autora