Hogy lehet CCS-el beállítani a méretet?
Figyelt kérdés
Nem vagyok már kezdő a CSS-ben, viszont ilyet még nem csináltam, nem kellett csinálnom.
Hogy lehet azt megoldani, hogy van egy div-ed, ami 50px széles, és mondjuk a magassága 50%, és bele szeretném rakni ezt egy div-be, aminek a szélessége ugyan csak 50 px, viszont a magassága 50% + 50px, azaz a magassága 50px-el nagyobb, mint az elsőé.
Meg lehet ezt oldani? Előre is köszi a válaszokat!
2017. dec. 4. 17:53
1/5 anonim 



válasza:





2/5 anonim 



válasza:





Nem vagyok profi CSS-ben, de ha jól tudom, a gyerek százalékos mérete a szülő elem méretéből számítódik. Tehát előbb meghatározod a szülő méretét, beállítasz neki 2*25px paddingot fentre és lentre, majd ebbe beleteszed a gyereket 100%-os magassággal.
3/5 A kérdező kommentje:
Köszi szépen a válaszokat!
2017. dec. 4. 18:13
4/5 anonim 



válasza:





#2 Paddinggal valóban egyszerűbb! Túlgondoltam mikor a calcot kezdtem írni :)
5/5 A kérdező kommentje:
A padding tényleg egyszerűbb, viszont a calc-al sikerült megoldanom a problémát, paddingel ezt nem lehetett. Köszönöm szépen a segítséget!
2017. dec. 6. 19:25
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!