| Autor | Zpráva | ||
|---|---|---|---|
| ondrakrajcik Profil * |
#1 · Zasláno: 12. 12. 2014, 09:27:47
Zdravím,
jak se řeší když nastavím div na width:100% a nastavím padding: 20px; tak aby se neobjevilo rolování doleva-doprava? |
||
| juriad Profil |
Dáš dva divy do sebe:
<div style="width: 100%"> <div style="padding: 20px"> </div> </div> Nebo moderněji, změníš vlastnost box-sizing na border.
|
||
| Petr ZZZ Profil |
Není lepší místo
paddingu dát tomu vnořenému divu margin?
|
||
| Str4wberry Profil |
#4 · Zasláno: 12. 12. 2014, 12:00:17
Nebo
padding nastavovat také v procentech.
div {
width: 98%;
padding: 1%;
} |
||
| juriad Profil |
#5 · Zasláno: 12. 12. 2014, 12:16:36
Petr ZZZ:
Padding je jistý - natvrdo zvětšuje velikost prvku. Margin může mít kvůli slučování a vytékání dost zajímavé chování. |
||
| anonymníí Profil * |
#6 · Zasláno: 12. 12. 2014, 12:32:16 · Upravil/a: anonymníí
ondrakrajcik:
Divím se, že to zatím nikdo nezmínil. Div je blokový element a ten má defaultně šířku 100%, resp. 100% - paddingy. Pokud chceš pracovat s jedním divem, nastav mu pouze padding a šířku vynech, nastaví se automaticky do 100%. Pokud je deklarovaná šířka tohoto divu někde jinde, nastav mu width: auto.
A pokud tam float, odeber jej (float: none), blok přes celou šíři rodiče nemusí plavat.Petr ZZZ: Padding a margin mohou někdy vypadat podobně nebo dokonce stejně, ale jedná se o dvě vlastnosti, které se nedají zaměnit jedna za druhou. Kromě zmíněného slévání marginů (někdy) je hlavní, nebo možná lépe, jeden z hlavních, rozdíl v práci s pozadím, nebo nastavení souřadnicového systému pro absolutně pozicované potomky. |
||
| juriad Profil |
#7 · Zasláno: 12. 12. 2014, 12:43:52
anonymníí:
Aha, vedle mu radím zrušit float, ale nevšiml jsem si, že se jedná o stejného člověka. |
||
| IdemeNaHavaj Profil |
Ahoj
ondrakrajcik: „jak se řeší když nastavím div na width:100% a nastavím padding: 20px; tak aby se neobjevilo rolování doleva-doprava?“ Ja to rieším takto v CSS: -box-sizing: border-box -moz-box-sizing:border-box |
||
|
Časová prodleva: 10 let
|
|||
0