Autor Zpráva
robbie
Profil *
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
Ž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 *
dekuji za pomoc
Tomáš123
Profil
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.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0