У меня есть элемент изображения, он мне нужен, чтобы вписаться в определенный div (назовем его div 1). Изображение имеет обертку div, которая должна соответствовать изображению (назовем его div 2).Fit изображение к outtermost div, fit div, содержащее изображение к изображению
Он почти работает следующими способами: установка изображения и div 2 в поплавок: влево; или установка изображения для отображения: блок и div 2 для отображения: встроенный блок.
Оба работают отлично, когда страница загружается впервые, но div 1 фактически представляет собой ширину/высоту жидкости, которая изменяется с помощью браузера, а когда вы уменьшаете высоту браузера, ширина div 2 не регулируется (иллюстрируется зеленой рамкой)
Вот примеры страниц: http://sabrinagelbart.com/fit-img-and-outer-div-to-container.html (слева: -50%, осталось: 50% предназначены для центрирования, не делают разницы с ошибкой) http://sabrinagelbart.com/fit-img-and-outer-div-to-container-inline-block.html