⚙️ Что такое свойство overflow в CSS и зачем оно используется?
23 февраля 2025 г.CodeBase | Frontend
⚙️ Что такое свойство overflow в CSS и зачем оно используется?
overflow — это CSS-свойство, которое управляет отображением содержимого, выходящего за границы родительского контейнера. Оно позволяет скрывать, прокручивать или обрезать лишний контент.
➡️ Пример:
<div class="box">Этот текст слишком длинный для блока и может выходить за его границы.</div> <style> .box { width: 200px; height: 50px; border: 1px solid black; overflow: hidden; /* Обрезаем лишний контент */ } </style>🗣 В этом примере:
-
overflow: hidden; обрезает текст, выходящий за границы блока.
-
overflow: scroll; добавляет прокрутку внутри контейнера.
-
overflow: auto; включает прокрутку, если контент не помещается.
Это свойство важно для управления адаптивностью и предотвращения ломки верстки.
CodeBase | Frontend | #CSS