Как сделать ширину или высоту блока по содержимому + (что-то)?

Есть блок с содержимым, нужно чтобы он всегда был по ширине больше содержимого например на 5%. Я пробовал с помощью calc(max-content+5%), но что-то не так. При чем контейнеру задан flex.
  • Вопрос задан
  • 227 просмотров
Решения вопроса 2
@mlkis_0200
а почему не использовать padding?
.container{
width: fit-content;
}

.div2{
width: fit-content;
padding: 0px 5%;
}


Без box-sizing: border-box; отступы будут добавлять нужную ширину
Ответ написан
Комментировать
szQocks
@szQocks
<div class="container">
  <div class="div2">
    <code>&lt;a&gt;&lt;/a&gt;</code>
    <p>ссылка</p>
  </div>
</div>


.container{
    margin: 50px auto;
    display: flex;
    justify-content: center;
    width: 500px;
}
.div2{
    background-color: #c8a185;
    color: #30464f;
    flex-shrink: 0;
    width: 110%;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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