CSS-ben hogyan érhetem el azt, hogy a margint, vagy a paddinget ne a body szélétől, hanem a szülődivtől mérje?
Figyelt kérdés
Példa:
<div class="elso"><div class="masodik">Lorem ipsum</div></div>
Azt akarom, hogy az "elso" div egy háttér legyen, és arra ne hasson, csak a saját stílusa (nekem valamiért a "masodik" div marginját is érzékeli).
Tehát, ha beállítom, hogy ".masodik {margin: 10px;}", akkor a margint az "elso" divtől mérje, és ne a body-tól, ezt hogyan érhetem el?
2014. febr. 17. 23:21
1/3 Drone007 



válasza:





html, body {margin: 0; padding: 0; width: 100%;}
.elso {position: relative; margin: 0; padding: 0;}
.masodik {position: relative; margin: 10px;}
2/3 anonim 



válasza:





Ökölszabály: a position legyen explicit módon megadva a szülőn.
3/3 Drone007 



válasza:





Sajnos néhány böngésző magasról lesz....ja az öröklést.
További 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!