A százalékok a magassága vagy függőleges tulajdonságai CSS
Azonban, az adott magasságon százalékában, a függőleges tulajdonságait az elem számítják ki, mint a százalékos értékeket más tulajdonságok.
Szabályait a függőleges tulajdonságok százalékban adjuk meg:
- A százalékos értéket a felső / alsó mező (margó) vagy bemélyedés (padding) szélességétől függ a szülő egység.
- A százalékos érték a magassága az elem magasságától függ a szülő egység (számára is min / max magasság). Ezen felül, ha a magassága a szülő elem, amelynek kiszámítása, automatikus. és az aktív elem nem abszolút pozicionált (magasság: százalék), majd a magassága a elem megegyezik, függetlenül az említett automatikus százalék.
- Ahogy fogja felidézni, a magassága az alapértelmezett érték - auto.
- A százalékos érték a tulajdonságok, alul és felül pozícionált elem magasságától függ a szülő egység.
- Százalékos értékek nem használhatók határ (határ)
Az alábbiakban egy példát, ahol a százalékos értéket adott a tulajdonságait a felső / alsó padding / mértékét egy elem egy edénybe helyezik egy rögzített szélességű.
Jegyezzük meg, én vagyok a jQuery, kiszámítható és megjeleníthető a magasságban, beleértve a tagolt elemet. A szélessége a szülő elem (1000px), és padding (az 100px) az elem maga rendkívül egyszerű, mivel könnyebb elképzelni az eredmény kiszámításához a vertikális tulajdonságok, amelyek értékét százalékban adjuk.
Mint látható, a teljes magassága a blokk egyenlő 300px. ahol 100px blokk magassága és 100px felső és alsó bemélyedés (10% a 1000px).
Ha a blokk szélessége nincs megadva, a méretek a felső / alsó mező (margó) vagy bemélyedés (padding) függ a szélessége a böngésző ablakot.
Miért szélességétől függ a tartály?
Reflektálva miért függőleges padding és margin. Állítsa be a százalékos szélességétől függ a szülői egység, én arra a következtetésre jutott -, mert a szabályozás.
Megyek tovább, és azt mondják, hogy állítsa be a magasságot az elem rossz gyakorlat (min-height normális). Így, ha azt szeretnénk, hogy állítsa be a függőleges margin / padding, nem lenne a felhasználó által beállított értéket a fenti tulajdonságokkal, attól függően, hogy az önkényes tartalmat. Ehelyett sokkal könnyebb alapuló számítással szélessége - ez világosabban és szélessége, mint általában, be van állítva, és ha nem, akkor kitűnik, hogy mi függőség.