Не работает overflow: hidden
191
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/
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 46682 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30287 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22846 visits
- Как через css изменить цвет png изображения? 10165 visits
- Blob video url download 9800 visits
- Php curl запрос через прокси с авторизацией 9059 visits
- Работа с captcha vk api 7977 visits
© "hostciti.net" 27.4.2024 | 06:09