Как запретить следующему блоку менять размеры?
80
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 для контейнера.
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47691 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30540 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23718 visits
- Как через css изменить цвет png изображения? 10370 visits
- Blob video url download 9978 visits
- Php curl запрос через прокси с авторизацией 9236 visits
- Работа с captcha vk api 8113 visits
© "hostciti.net" 20.1.2025 | 06:12