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

Question

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

Answer 1

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

.test {
  min-width: 100px;
  height: 20px;
  background: red;
  display: inline-block;
}

<div class="test"></div>

БЛОГ НА HUSL

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

Ответы (1 шт):