Autor | Zpráva | ||
---|---|---|---|
robbie Profil * |
#1 · Zasláno: 12. 3. 2016, 16:58:47 · Upravil/a: Moderátor (editace znemožněna) 14. 4. 2020, 21:11:24
Zdravím, chtěl jsem se optat jaký je rozdíl mezi width:auto a width:100%, kdy použít vlastnost auto a kdy %. Děkuji
|
||
nodo Profil |
#2 · Zasláno: 12. 3. 2016, 17:39:41
Živá ukážka
takže, ak máš v dive so šírkou napr. 400px ďalší div s width:auto tak sa mu prispôsobí |
||
robbie Profil * |
#3 · Zasláno: 12. 3. 2016, 18:41:17
dekuji za pomoc
|
||
Časová prodleva: 4 roky
|
|||
Tomáš123 Profil |
#4 · Zasláno: 14. 4. 2020, 20:11:06 · Upravil/a: Moderátor (editace znemožněna) 14. 4. 2020, 21:11:36
Rozdiely:
– Pri hodnote auto padding a border nezväčšuje rozmer prvku. Pri akejkoľvek inej hodnote je treba pre dosiahnutie rovnakého správania použiť box-sizing: border-box .
– Z tohto dôvodu je pri tvorení mobilnej verzie webu a preskladávaní prvkov, ktoré v počítačovej verzii nezaberali celú šírku nadradeného elementu lepšie uprednostniť hodnotu auto .
– Hodnotu auto netreba uvádzať, je implicitná, naopak je dobré ju poznať pri vracaní predvoleného správania.
– Hodnota auto sa špecificky správa iba v prípade blokových a z bloku odvedených prvkov (list-item ). Pri obtekaní alebo poziciovaní sa podobnosť s hodnotou 100% stráca.
– pri absolútnom a fixnom poziciovaní ide namiesto 100 % šírky prvok roztiahnuť pomocou left: 0; right: 0; . Zachovanie predvolenej hodnoty šírky – width: auto – umožňuje počítať prípadný padding a border zvnútra, pozri prvý bod.
|
||
Časová prodleva: 4 roky
|
0