Не работает overflow: hidden

249

22 сентября 2018, 18:20

Хай! не работает свойство overflow: hidden в меню примера

https://jsfiddle.net/Lnqhgu9y/

часть кода который не работает

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

Что делать чтоб обрезать длинное меню снизу футера?

Answer 1

Вы поставили hidden для элемента UL, который не имеет фиксированной высоты.

Если хотите обрезать до футера, то создайте основной контейнер и overflow: hidden; присвойте к нему. А также не забывайте использовать position: relative (или другие) вместе с overflow.

Добавьте в CSS:

.container {
  position: relative;
  overflow: hidden;
}

Добавьте в HTML (после body):

<body><div class="container">

Добавьте в HTML (до /body):

</div></body>

На вашем примере: https://jsfiddle.net/Lnqhgu9y/7/

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как сделать не стандартный css слайдер?

Хочу сделать слайдер с radio button, чтобы зеленые слайды вверху перемещались на определенное расстояние влево, за экраном есть еще слайды, и чтобы...

249

CSS