Чтобы предотвратить нежелательное появление горизонтальных и вертикальных полос прокрутки в веб-дизайне, можно разделить свойства overflow между элементами: 1

1. Применить overflow-y: hidden к родительскому элементу (внешнему контейнеру). 1
2. К дочернему элементу (внутреннему блоку) установить overflow-x: auto. 1 Это даст возможность горизонтального прокручивания и избавит от вертикальной полосы прокрутки. 1

Также можно настроить padding-bottom и margin-bottom, чтобы браузер знал, как обрабатывать элементы, подверженные overflow, без необходимости отображения полос прокрутки. 1

Ещё один способ — использовать свойство overflow-wrap, чтобы переносить длинные слова, которые не помещаются в окне просмотра. 4 Например, для этого нужно установить для элемента p свойство overflow-wrap: break-word. 4

Выбор метода зависит от конкретной ситуации и предпочтений дизайнера.