Как запретить следующему блоку менять размеры?
114
04 марта 2022, 22:50
Я не знаю, что тут вообще не так. При нажатии на кнопку выпадает список, как и положено, но див ниже сжался размером. Код дива, который ниже:
display:flex;
justify-content:space-beetwen;
width:100% - 2vw;
align-items:center;
Answer 1
Используйте flex: 0 0 100%; - Эта строчка задает:
flex-grow: 0; - запрещает элементу увеличиваться по ширине.
flex-shrink: 0; - запрещает элементу сжиматься по ширине.
flex-basis:100%; - задает ширину в 100%
width:100%; в flex не работает.
И математику (если используете) помещайте в calc();
flex:0 0 calc(100% - 2vw);
Если вы пытаетесь так сделать отступы по бокам, то лучше задайте padding для контейнера.
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49895 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31896 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25857 visits
- Как через css изменить цвет png изображения? 11716 visits
- Blob video url download 11265 visits
- Php curl запрос через прокси с авторизацией 10647 visits
- Работа с captcha vk api 9462 visits
READ ALSO
© "hostciti.net" 10.12.2025 | 10:16