В CSS родительский контейнер не знает, когда его дети обертывают. Следовательно, он продолжает масштабировать свой размер, не обращая внимания на то, что происходит внутри.
Другими словами, браузер отображает контейнер на начальном каскаде. Он не переплачивает документ, когда ребенок обертывается.
Вот почему контейнер не сжимает более узкий макет. Он просто продолжается, как будто ничего не завернуто, о чем свидетельствует зарезервированное пространство справа.
Максимальная длина горизонтального пробела - это длина элемента (ов), который контейнер ожидал там.
В следующей демонстрации можно видеть, что пробелы можно видеть и уходить, когда окно изменено по горизонтали: DEMO
Вам понадобится решение для JavaScript (см. здесь здесь и здесь ) ... или CSS-запросы (см. здесь ).
При работе с упаковкой текст, text-align: right
в контейнере может быть полезен в некоторых случаях.
Попробуйте WP Debug. См. https://codex.wordpress.org/WP_DEBUG
Добавьте
define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );
define( 'WP_DEBUG_DISPLAY', false);
в wp-config.php, а файл debug.log будет в wp -компонент.
Измените строку «display» на true
define( 'WP_DEBUG_DISPLAY', true);
, чтобы вывести их в браузер и зарегистрировать их.