Задать вопрос
SuperToster
@SuperToster

Ширина исходя из содержимого элемента, минус n px?

Здравствуйте.

Опытные товарищи, спасите пожалуйста! Есть разметка которую нельзя менять. В попытках справиться стилями, сломал все доступные копья : )

Есть вот такая разметка: https://jsfiddle.net/6193tocb/2/

Три блока:
- Ширина первого зависит (и должна зависить) от количества текста;
- Во втором блоке лежит элемент с фиксированной шириной (20×20px);
- Третий блок имеет ширину 100%.

Если текста много, первый блок занимает всю доступную ширину и выталкивает второй блок на новую строку. Как заставить второй блок всегда оставаться на одной линии с первым блоком и при этом прижиматься к первому блоку.
  • Вопрос задан
  • 125 просмотров
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
.first-block {
  max-width: calc(100% - 20px);
}


Ответ написан
RhesusNegative
@RhesusNegative
Negative
.first {
flex: 0 1 auto;
background: green;
width: calc(100% - 21px);
}
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы