Це означає, що якщо занадто багато вмісту для відображення в межах призначеної висоти, виникне ситуація переповнення. Якщо переповнення встановлено на приховане, тоді жодне переповнення не буде видимим. Цей вміст нестандартний. 25 липня 2024 р
Щоб налаштування переповнення створювало бажаний ефект, елемент рівня блоку повинен мати встановлену висоту (height або max-height), якщо перелив здійснюється у вертикальному напрямку, або встановлену ширину (width або max-width), якщо перелив знаходиться в горизонтальному напрямку, встановлений розмір блоку (( розмір блоку або максимальний розмір блоку), якщо …
Щоб запобігти візуалізації переповнення поза рамкою елемента, ви можете встановіть для властивості overflow значення hidden. Це призведе до обрізання вмісту на краю поля. Крім того, це не дозволить користувачеві переглядати вміст за межі поля за допомогою прокручування.
Як виправити переливний елемент
- додати переповнення: авто; to ul li {} правила стилю.
- Ви можете не побачити жодних змін. Це тому, що ви додали justify-content: space-between . Змініть його на justify-content: flex-start.
- Ура! Тепер ви можете побачити горизонтальну смугу прокрутки, і проблема переповнення зникла!
Щоб видалити горизонтальне прокручування, ви можете використовуйте властивість CSS overflow-x і встановіть для неї значення "hidden" для елемента, який викликає прокручування. Це видалить горизонтальну смугу прокрутки на елементі з класом "element".
Значення за замовчуванням типу значення <overflow> є видимим. З цим параметром за замовчуванням можна побачити вміст, коли він переповнюється. Щоб обрізати вміст, коли він переповнюється, ви можете встановити переповнення: приховано . Це робить саме те, що сказано: приховує переповнення.