# A konténer méretének és viselkedésének beállítása

> Tartalom szélessége, minimális magasság, túlcsordulás és HTML-címke a konténer Elrendezés fülén.

A konténerrel gyorsan elrendezheted és módosíthatod a widgeteket, és sablonokat is készíthetsz belőlük. A sablonokat az egész weboldalon alkalmazhatod, így időt takarítasz meg, és az oldalak stílusa egységes marad.

A konténer méretét és viselkedését a konténer kijelölése után az **Elrendezés** fülön állítod.

## A konténer méretének módosítása

1. Jelöld ki a konténert.
2. Nyisd meg az **Elrendezés** fület.
3. A **Tároló** szakaszban állítsd be a méretet.

![A konténer Elrendezés füle a Tartalom szélessége, Szélesség és Minimális magasság mezőkkel](./kepek/kontenerek-meret-panel.webp)

*A konténer Elrendezés füle a Tartalom szélessége, Szélesség és Minimális magasság mezőkkel* (https://minta-bolt.hu/wp-admin/post.php?post=18&action=elementor)

A képen a **Tároló** szakasz látszik: fent a **Konténerelrendezés**, alatta a **Tartalom szélessége**, a **Szélesség** és a **Minimális magasság**, majd a **Tételek** rész.

| Beállítás | Mit csinál |
|---|---|
| Tartalom szélessége | **Dobozos** vagy **Teljes szélesség**. Mindkettőnél módosíthatod a szélességet, de a tartalom másképp viselkedik. |
| Szélesség | A konténer szélessége. |
| Minimális magasság | A konténer legkisebb magassága. Hasznos, hogy a szöveg vagy a tárgyak mobil elrendezésben is látszódjanak. |

A **Dobozos** és a **Teljes szélesség** különbsége:

| Dobozos | Teljes szélesség |
|---|---|
| Akkor használd, ha a konténeren belüli tartalom szélességét akarod módosítani, a konténerét nem. | Ha átállítod a konténer szélességét, a tartalom követi azt. A tartalom szélességét ilyenkor [margóval és paddinggel](https://hub.hellowp.io/hu/plugins/elementor/kontenerek-terkoz-margo-padding/) igazíthatod. |

A szélességet és a magasságot megadhatod képpontban, százalékban, valamint a nézetablak magasságában vagy szélességében (vh, vw). Az egységet minden mező jobb felső sarkában választod ki.

**Figyelem a margóval:** ha egy legfelső szintű konténernek bal vagy jobb oldali margót adsz (például 200 px bal margót), a böngésző a teljes szélességet 100% + 200 px-nek számolja. Ez szélesebb a képernyőnél, ezért a konténert jobbra tolja, és vízszintes görgetősáv jelenik meg. Ha bal vagy jobb margó kell, add meg a gyermek konténeren.

## A tételek beállításai

A **Tételek** részben azt állítod be, hogyan viselkednek a konténerben lévő elemek: az irányt, a tartalom és az elemek igazítását, a hézagokat és a tördelést. Ezeket a [Flexbox konténerek működése](https://hub.hellowp.io/hu/plugins/elementor/kontenerek-flexbox-mukodese/) és az [Elrendezés fül](https://hub.hellowp.io/hu/plugins/elementor/kontenerek-elrendezes-beallitasai/) fejezet írja le.

## A konténer viselkedése

A konténer viselkedését a **További lehetőségek** szakasz két mezője adja: a **Túlcsordulás** és a **HTML-címke**.

![A További lehetőségek szakasz a Túlcsordulás és a HTML-címke mezővel](./kepek/kontenerek-meret-tovabbi.webp)

*A További lehetőségek szakasz a Túlcsordulás és a HTML-címke mezővel* (https://minta-bolt.hu/wp-admin/post.php?post=18&action=elementor)

### Túlcsordulás

Azt dönti el, mi történjen a tartalommal, ha nagyobb a konténernél.

| Érték | Hatása |
|---|---|
| Alapértelmezett | A konténernél nagyobb elemek kilógnak, és látszanak. |
| Rejtett | Csak a konténeren belüli rész látszik, ami kilóg, elrejtődik. |
| Auto | Csak a konténeren belüli rész látszik, de görgetősáv jelenik meg, amellyel az elrejtett elemeket is megnézheted. |

### HTML-címke

A legördülő listából kiválaszthatod, melyik HTML-címkébe kerüljön a teljes konténer. A címkék a keresőoptimalizálás szempontjából fontosak: minél feljebb áll a konténer a DOM hierarchiájában, annál fontosabbnak tekintik a keresők a tartalmát. A címkét reszponzív elrendezésnél nézetenként külön kell megadni.

Tipp: ha az **a** címkét választod, a konténer kattinthatóvá válik (lásd [Kattintható konténer](https://hub.hellowp.io/hu/plugins/elementor/kontenerek-kattinthato-kontener/)).