Как запретить следующему блоку менять размеры?

75
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 для контейнера.

READ ALSO
Изменение значения data
HTML

Изменение значения data

Имею html doc:

 109
Отключение hover
HTML

Отключение hover

Имею в css hoverВ jquery пытаюсь его выключить:

 94
Моментальное изменение ссылки $_GET
HTML

Моментальное изменение ссылки $_GET

Перевожу сайт на мультиязычностьПри загрузке страницы инклудится базовая структура html и код if (!isset($_GET['lang'])){ $_GET['lang'] = 'ua'; }, но при этом ссылка...

 94
Проблема хранение ссылок на экземпляр в map
c++

Проблема хранение ссылок на экземпляр в map

Пытаюсь хранить ссылки на экземпляры Test в map из stl c++, но компилятор ругается

 80