Почему не работает min-width, width auto?

Рейтинг: -1Ответов: 1Опубликовано: 15.05.2023

Только что столкнулся с такой проблемой, создал элемент div с классом test и дал этому классу bg red и он занял всю ширину экрана, так же попробовал дать min-width 100px и тоже самое. Это че такое? Впервые такое вижу, стилей больше никаких нет. введите сюда описание изображения

css веб-программирование
Источник: Stack Overflow на русском

Ответы

▲ 0

div по умолчанию - блочный элемент, минимальная ширина ему на данный момент безразлична, дайте ему inline-block, чтобы он схлопнулся от отсутствия контента и тогда минимальная ширина сработает:

.test {
  min-width: 100px;
  height: 20px;
  background: red;
  display: inline-block;
}
<div class="test"></div>