Задать вопрос
@MeMoJlor
css

Почему не работает overflow-x: scroll?

Есть родитель, который обхватывает весь экран. Внутри есть блок, который должен иметь 200% ширину экрана с добавлением горизонтального скролла, но этого не происходит.

<div class="menu">
         <div class="menucenter">
            
         </div>
</div>


.menu {
   position: fixed
   width:100%;
   height:100vh;
   max-height: 100%;
}

.menucenter {
   position: relative;
   overflow-x: scroll;
   height: 100%;
   width: 200%;
}


Я так понимаю есть какая-то ошибка?
  • Вопрос задан
  • 352 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@generate
...
overlof будет дейстовать только на элементы внутри, если внутри дива что то широкое то overlof сработает
<code lang="html">
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.menu
   {position: fixed
   width:100%;
   height:100vh;
   max-height: 100%;
}
.menucenter
   {position: relative;
     background: #000;
     overflow: auto;
      height: 400px;
 }
   .menucenter p {
       width: 200%;
   }
</style>
</head>
<body>

<div class="menu">
         <div class="menucenter">
          <p> text</p>  
         </div>
</div>
   
</body>
</html> 

</code>
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
В wordpress подключить модуль по рассрочке (документацию дам)
23 апр. 2024, в 13:12
4500 руб./за проект
Комплексный линкбилдинг онлайн аптеки
23 апр. 2024, в 13:08
250000 руб./за проект
Многоканальной записи радиовещательных сигналов через SDR-приемник
23 апр. 2024, в 13:05
29707 руб./за проект
Ещё заказы