Diskuze: 2 divi nad sebou fixná + dynamická výška

HTML a CSS HTML a CSS 2 divi nad sebou fixná + dynamická výška American English version English version

Aktivity (1)
Avatar
DREAMDEV
Člen
Avatar
DREAMDEV:29.8.2015 16:57

Potreboval by som spraviť takú vec že jeden div má napríklad výšku 100px a ten pod nim sa dotiahne automaticky na celu výšku rodiča. Potrebujem v ňom mať aj scrollbar takže nesmie prečnievať. Dá sa to nejako spraviť aj bez css3 calc() ?

 
Odpovědět 29.8.2015 16:57
Avatar
IT Man
Redaktor
Avatar
IT Man:29.8.2015 17:15

Mrknul bych se na pozicování přes flexbox. Bude to ale fungovat pouze na novější prohlížeče. :)
Nastav rodičovskému elementu vlastnost display na flex a vlastnost flex-direction na column.

  1. divu nastav vlastnost flex-basis na 100px a flex-grow na 0.
  2. divu nastav vlastnost flex-grow na 1.

Mrkni se pak na CSS 3 manuál a na vlastnosti flex-*. :)

Nahoru Odpovědět 29.8.2015 17:15
Cokoliv a kdokoliv může jednou uspět.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na DREAMDEV
Tomáš123:30.8.2015 17:29

Podľa mňa bude stačiť display: table a display: table-row. Tabuľka takéto veci vždy zvládala :-)

Nahoru Odpovědět  -1 30.8.2015 17:29
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
DREAMDEV
Člen
Avatar
Odpovídá na IT Man
DREAMDEV:30.8.2015 17:46

práveže som nechcel používať CSS3 ale už som to vyriešil potom sem hodim riešenie :)

 
Nahoru Odpovědět 30.8.2015 17:46
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.