flexbox

Вопрос или проблема У меня есть макет с контейнером страницы flexbox на 100vh, который оборачивает верхнее меню и контейнер. Я пытаюсь сделать так, чтобы элемент контейнера заполнял оставшееся вертикальное пространство под меню, но не знаю, как это сделать.

Вопрос или проблема Я создал фиксированный заголовок с пользовательскими свойствами, используя Bootstrap. Он содержит 2 элемента изображения: один – это asset\fetching.gif, а другой – asset\logout.png, и когда я запускаю его, asset\fetching.

Вопрос или проблема Я создаю калькулятор, используя чистый HTML, CSS и JS, и нахожусь в процессе проектирования самого калькулятора. Однако у меня возникла проблема с размерами кнопок таким образом, чтобы они оставались отзывчивыми и были пропорциональны

Вопрос или проблема Я пытаюсь создать динамический размер изображения/соседа с использованием flex-wrap, где изображение может иметь разные соотношения сторон. Проблема заключается в широких изображениях. Поведение, которое я ищу, следующее: <

Вопрос или проблема Я создаю макет html/css, который должен выглядеть так: (https://i.sstatic.net/Z49ekM8m.png) Каждый блок является ссылкой. Чтобы расширить активную область ссылки на весь блок и расположить текст внизу каждого элемента сетки, я установил

Вопрос или проблема Почему мое меню (position: absolute) затрагивается align-items: center? Использование top: 0 решает проблему, но мне хотелось бы узнать, почему это устраняет проблему. .navbar { padding-top: 50px; display: flex;

Вопрос или проблема Я пытаюсь добиться плавного перехода в flexbox, когда элемент удаляется. Кажется, что когда flexbox использует свойства gap или justify-content, пространство вокруг удаленного элемента исчезает мгновенно. Это приводит к тому, что другие

Вопрос или проблема Я новичок в HTML/CSS, и насколько я понимаю, элемент с абсолютным позиционированием внутри контейнера с относительным позиционированием должен двигаться с ним при изменении размера окна и т.д., но это совсем не работает. <

Вопрос или проблема Я создал флексбокс для веб-сайта, над которым я работаю, который содержит три блока, представляющих варианты покупки. На маленьких экранах я хочу, чтобы первый вариант располагался на отдельной строке сверху, а два других блока сгруппировались на строке ниже.

Вопрос или проблема Проблема в тексте. Есть карточка с информацией фиксированной ширины, состоящая из 3 частей (чекбокс, информация, статус). Чекбокс и статус имеют фиксированную ширину, а информация занимает оставшееся пространство.

Вопрос или проблема Я пытаюсь выровнять div по вертикали, используя старинный прием top: 50%; transform: translateY(-50%); но это не работает так, как я ожидаю. Я задаюсь вопросом, в чем может быть проблема. Я попробовал добавить display: flex к телу и align-content: center;

Вопрос или проблема Предотвращение уменьшения высоты элементов в контейнере flexbox У меня есть базовая разметка с использованием flexbox, в которой есть flex-контейнер. Внутри flex-контейнера находится меню вверху и контейнер для изображений ниже.

Вопрос или проблема В настоящее время я использую Flex wrap, чтобы создать пространство при переходе на следующую строку. Однако, если высота первого элемента увеличивается, высота первой строки flex wrap не увеличивается. <