Не работает свойство overflow-x: hidden;

Я использую свойство overflow-x: hidden; При этом у меня скрывается содержимое контейнера по оси и Y и X Пытался использовать вместе overflow-x: hidden; overflow-y: visible;, но это не сработало. Блок имеет поведение, будто у него используется свойство overflow: hidden;. Подскажите в чем проблема.

.header {
  overflow-y: visible;
  overflow-x: hidden;
}
<header class="header">
  <div class="container">
    <p>Блок с содержимым</p>
  </div>
</header>


Ответы (1 шт):

Автор решения: rood09

.body {
  overflow-y: visible;
  overflow-x: hidden;
}
<body>
  <header class="header">
    <div class="container">
      <p>Блок с содержимым</p>
    </div>
  </header>
</body>

→ Ссылка