как расширить пусто div без контента c шириной max-width
Доброго времени суток!
- Имеется DIV с шириной max-width (700px/но это не так важно).
- В этом DIV есть изображение, но с позиционированием absolute. Поэтому оно не может расширить родительский DIV до его максимальной ширины.
- Блок должен сужаться при изменении ширины viewport (резиниться)
Вопрос: чем расширить DIV до его максимальной ширины? Возможно есть специально свойство? Я мог заполнить его текстом-рыбой. Его все ровно не будет видно под absolute картинкой. НО засорять html документ нет желания.
Ширина в процентах не походит. И фиксированная ширина тоже. Нужен именно max-width. Для резиновой верстки. То есть, чтобы при сужении viewport, блок мог сужаться.
Ответы (2 шт):
Автор решения: TheOxlice
→ Ссылка
Попробуйте в css добавить padding для div элемента
<div style="padding-left: 100px; padding-right: 100px;">
<img src="путь">
</div>
Автор решения: Арчибальт Гугенов
→ Ссылка
Дамы и господа, я нашел ответ на свой же вопрос!
- Назначаем родительскому блоку display: flex
- DIV с шириной max-width: 700px становится flex-элементом
- Ему же назначаем свойство flex-grow: 1, что позволяет ему расширяться
Та-дам!