Как сделать абсолютно позиционированному элементу авто ширину по его содержимому?

Добрый день!
Есть дропдаун меню которое абсолютно позиционировано, внутрь добавляются элементы. Хочется чтоб родительский контейнер принимал ширину в зав-ти от содержимого, до определенной max-width (планируется по 3 в ряд, дальше вниз).
К примеру сделать это с не абсолютно позиционированным блоком труда не составляет:
.parent{
display: inline-block;
max-width: 300px;
}
.child{
display: block;
float: left;
width: 100px
}

А вот как быть в моей ситуации?)
  • Вопрос задан
  • 89 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Если прекратить использовать флоаты для того, для чего они не предназначены, то всё ведь прекрасно будет работать.
https://jsfiddle.net/bxefyc38/
Отступы так, для видимости, в ширину и другие параметры флексов можете сами играть.

P.S. С флоатами, кстати, тоже будет работать, только высота у детей должна быть одинаковой для нормального вида.
Поэтому не ясно, что у вас не получалось.
Но так (флоатами) делать не надо.

P.P.S. Абсолютно-позиционированные элементы не бывают инлайн-блоками.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
SilenceOfWinter
@SilenceOfWinter
та еще зажигалка...
что-то вроде width: auto; min-width: 100px; max-width: 300px;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы